@media {
    /* common */
    hr { margin:var(--spacing-2L) 0px; width:50%; max-width:200px; height:var(--spacing-4S); background-color:var(--color-orange); }

    a#stay_in_the_know { display:none !important; }
    .ctct-form-button, .input_button, .link_as_button.register_button { font-size:var(--font-size-1S); }

    /*  hero */
    .hero_box { position:absolute; bottom:0px; left:0px; right:0px; background-color:rgba(0, 99, 157, .9); z-index:2; }

    .hero_box .reserve_box { position:relative; width:70%; max-width:1400px; padding:var(--spacing-2S) 0px var(--spacing-2S) 10%; }
    .hero_box .reserve_box .body { gap:5%; align-items:center; color:var(--color-white); }
    .hero_box .reserve_box .body p.reserve { margin:0px; font-size:var(--spacing-2L); font-weight:var(--font-weight-bold); }

    .hero_box img.photo { position:absolute; display:block; bottom:var(--spacing-0); right:10%; width:20%; max-width:400px; z-index:2; }

    /* five_k_intro */
    #five_k_intro .container_row_content { padding-bottom:0px; }
    #five_k_intro img.five_k_logo_for_rd { display:none; }

    #five_k_intro .info_group { align-items:stretch; }
    #five_k_intro .info_group li { background-color:var(--color-pink); }
    #five_k_intro .info_group .body { padding:var(--spacing-0) var(--spacing-1L); }
    #five_k_intro .info_group h2 { margin:0px; font-size:var(--font-size-1L); }
    #five_k_intro .info_group p { margin-bottom:0px;} 
    
    #five_k_intro .info_group a { color:var(--color-blue); } 
    #five_k_intro .info_group a.direction_link { font-weight:var(--font-weight-bold); }

    #five_k_intro .details_group { margin-bottom:var(--spacing-1L); grid-template-columns:4fr 6fr; }
    #five_k_intro .details_group ul { padding-left:var(--font-size-0); }

    #five_k_intro .prize_group { margin:var(--spacing-2L) 0px; grid-template-columns:repeat(3, 1fr); align-items:stretch; gap:var(--spacing-1L); }
    #five_k_intro .prize_group > div:nth-child(1) { background-color:var(--color-yellow); }
    #five_k_intro .prize_group > div:nth-child(2) { background-color:var(--color-pink); }
    #five_k_intro .prize_group > div:nth-child(3) { background-color:var(--color-cyan); }

    #five_k_intro .prize_group .body { padding:var(--spacing-1L) var(--spacing-0); }
    
    #five_k_intro .prize_group h4 { margin:0px 0px var(--spacing-1S) 0px; text-align:center; font-weight:var(--font-weight-bold); }
    #five_k_intro .prize_group ul { text-align:center; }
    #five_k_intro .prize_group li:not(:last-of-type) { margin-bottom:var(--spacing-1S); }

    #five_k_intro .register_row { margin-top:var(--spacing-3L); text-align:center; }
    #five_k_intro .register_row a.register_link { font-size:var(--font-size-1L); }
    
    /* photo_list */
    #five_k_run_photos .container_row_content { padding-top:var(--spacing-3L); }
    #five_k_run_photos ul.photo_list { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1L); }
    #five_k_run_photos ul.photo_list img { width:100%; }

    /* logos */
    #logos .logo_group { grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-2L); align-items:center; text-align:center; }
    #logos .logo_group img { display:inline-block; margin:0px auto; width:100%; }

    /* five_k_run_social */
    #five_k_run_social { background-color:var(--color-light-gray); }
}

@media (max-width:1300px) 
{
    .hero_box .reserve_box { padding-left:5%; }
    .hero_box img.photo { right:5%; }
}

@media (max-width:1000px) {
    .hero_box img.photo { bottom:15%;  }
}

@media (max-width:900px) {
    .hero_box { display:none; }

    #five_k_intro .info_group { grid-template-columns:1fr; }

    #five_k_intro img.five_k_logo_for_rd { float:right; display:inline-block; margin:0px 0px var(--spacing-4L) var(--spacing-4L); width:30%; max-width:300px; }

    #five_k_intro .details_group { grid-template-columns:1fr; }
    #five_k_intro .prize_group { grid-template-columns:1fr; }
    #five_k_intro .prize_group h4 { text-align:left; }
    #five_k_intro .prize_group ul { text-align:left; }

    #five_k_run_photos ul.photo_list { grid-template-columns:repeat(3, 1fr); }
}

@media (max-width:700px) {
    #five_k_run_photos ul.photo_list { grid-template-columns:repeat(2, 1fr); }
}

@media (max-width:600px) {
    #logos .logo_group { grid-template-columns:1fr; gap:var(--spacing-3L); } 
    #logos .logo_group img { width:50%; min-width:200px; }
}

@media (max-width:500px) {
    #five_k_intro img.five_k_logo_for_rd { float:initial; display:block; margin:0px auto var(--spacing-4L) auto; }
}