.hero-section{height:100vh;padding:0 16px;position:relative}.hero-grid{height:100%;margin-top:calc(-1 * var(--nav-height) + 4vh)}.hero-image-wrapper{justify-content:center;align-items:center;height:80%;display:flex}.hero-image{width:auto;max-width:70vw;height:auto;max-height:70vh}.hero-logo{z-index:70;cursor:pointer;width:min(100vw - 16px,1200px);height:auto;position:fixed;top:32vh;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:480px){.hero-grid{height:100%;margin-top:calc(-1 * var(--nav-height) + 14vh)}}