@media all {
    /* overrides */
    #stay_in_the_know { display:none; }

    /* hero */
    #hero .container_row_content { padding-top:var(--spacing-4L); padding-bottom:var(--spacing-4L); }
    #hero .hero_box { position:relative; }
    #hero .hero_box img.photo { display:block; margin:0px; width:100%; }
    #hero .hero_box img.logo { position:absolute; width:30%; max-width:400px; right:var(--spacing-3L); bottom:var(--spacing-3L); z-index:1; }
    #hero .hero_box h2 { position:absolute; width:60%; top:50%; left:var(--spacing-3L); transform:translateY(-50%); color:var(--color-white); font-size:var(--font-size-5L); text-transform:uppercase; letter-spacing:1; z-index:1; }

    /* intro */
    #intro { background-color:var(--color-light-gray); }
    #intro .container_row_content { padding-top:var(--spacing-4L); text-align:center; }
    #intro .small_icon { margin-bottom:var(--spacing-2L); }

    #intro .intro_group { gap:var(--spacing-4L); align-items:center; }
    #intro .intro_group > div:nth-child(1) img { display:block; margin:0px; width:100%; }
    #intro .intro_group > div:nth-child(2) { text-align:left; }
    #intro .intro_group > div:nth-child(2) h2 { margin-top:0px; text-transform:uppercase; }
    #intro .intro_group > div:nth-child(2) a.directions_link { display:inline-block; margin-bottom:var(--spacing-1L); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {
    #hero .hero_box img.logo { right:var(--spacing-2L); bottom:var(--spacing-2L); }
    #hero .hero_box h2 { left:var(--spacing-2L); font-size:var(--font-size-4L); }

    #intro .intro_group { gap:var(--spacing-3L); align-items:initial; }
}

@media (max-width:1000px) {

}

@media (max-width:800px) {
    #hero .hero_box img.logo { right:var(--spacing-1L); bottom:var(--spacing-1L); }
    #hero .hero_box h2 { width:40%; left:var(--spacing-1L); font-size:var(--font-size-3L); }

    #intro .intro_group { grid-template-columns:1fr;  gap:var(--spacing-4L); }
    #intro .intro_group > div:nth-child(1) { order:2; }
    #intro .intro_group > div:nth-child(2) { order:1; }
}


@media (max-width:700px) {

}

@media (max-width:500px) {

}