/**
 * Hero — larger screens (769px+)
 */

@media (min-width: 769px) {
    .hero_logo_container {
        min-height: 50vh;
        max-height: 70vh;
    }

    #logo {
        max-width: min(32vw, 18rem);
        max-height: min(40dvh, 18rem);
        min-width: 8rem;
        min-height: 8rem;
        animation: none;
    }

    @media (min-width: 1440px) {
        #logo {
            max-width: min(26vw, 20rem);
            max-height: min(38dvh, 20rem);
        }
    }
}