*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}body{min-width:100vw;min-height:100vh;min-height:-webkit-fill-available;font-size:100%;font-family:Poppins,sans-serif;font-weight:400;background-color:#ccc}a{text-decoration:none}header{position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;z-index:1}.social-media-wrapper{display:flex;flex-direction:column;margin-bottom:4rem}.logo{width:100px;height:auto}ion-icon{color:#fff;font-size:1.5rem;margin:.3rem 0}#pano{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.studioi360{position:fixed;z-index:1;bottom:5px;right:10px}@media screen and (min-width:768px){header{flex-direction:row;width:100%;padding:0 1rem;height:auto;z-index:1}.social-media-wrapper{flex-direction:row}.logo{width:120px;height:auto}ion-icon{color:#fff;font-size:2rem;margin:0 .7rem}}
.modal{display:none;background:rgba(0,0,10,.8);position:fixed;left:0;top:0;bottom:0;height:100%;width:100%;z-index:9999}.modal:target{display:table}.modal__dialog{display:table-cell;vertical-align:middle}.modal__content{background:#fff;width:80%;min-width:300px;margin:auto;position:relative;animation:slideUp .3s ease-in-out}.modal__header{background:#000;color:rgba(255,255,255,.8);padding:1rem;position:relative}.modal__title{font-size:.875rem;margin:0}.modal__close{font-size:1.8rem;color:#fff;text-decoration:none;position:absolute;top:1rem;right:1rem}.modal__body iframe{width:100%;height:400px}.modal__image{display:block;margin:1rem auto}.modal__text{padding:0 1rem;line-height:1.5}.modal__footer{padding:1rem;border-top:1px solid #ccc}@keyframes slideUp{from{opacity:0;bottom:-200px}to{opacity:1;bottom:0}}@media screen and (min-width:768px){.modal__title{font-size:1.2rem;margin:0}.modal__close{color:#fff;text-decoration:none;position:absolute;top:1rem;right:1rem}}