@media all {
    /* intro */
    #intro .container_row_content { padding-top:var(--spacing-3L); padding-bottom:var(--spacing-1L); text-align:center; }
    #intro h2 { font-size:calc(var(--font-size-5L) * 1.2); font-weight:var(--font-weight-bold); letter-spacing:calc(var(--spacing-5S)/5); }

    /* hero */
    #hero { background-color:var(--color-gray); }
        
    #hero .hero_box .body { display:none; text-align:right; }
    #hero .hero_box .body .title{ margin-bottom:var(--spacing-1L); }
    #hero .hero_box .body .title:after { right:0px; background-position:right center; }

    /* services */
    #services { text-align:center; }

    #services .services_group { margin-top:var(--spacing-3L); gap:var(--spacing-3L); }
    #services .services_group > div { text-align:left; }

    #services .services_group img { margin-bottom:var(--spacing-1L); width:100%; }
    #services .services_group h3 { margin-top:0px; margin-bottom:var(--spacing-1L); }
    #services .services_group a.link_as_button { margin-top:var(--spacing-0); }

    /* why */
    #why { overflow-x:hidden; }
    #why .container_row_content { padding-top:calc(var(--spacing-5L) * 1.4);}

    #why .why_group { grid-template-columns:7fr 13fr; }
    #why .why_group > div:nth-child(1) h2 { max-width:400px; color:var(--color-navy-blue); font-size:calc(var(--font-size-5L) * 1.4);}
    
    #why .why_group > div:nth-child(2) h3 { margin-top:0px; color:var(--color-navy-blue); }
    #why .why_group > div:nth-child(2) .reason_list { gap:var(--spacing-3L); }

    #why .circle_green_100 { position:absolute; top:15%; right:5%; height:var(--spacing-1S); }
    #why .circle_blue_101 { position:absolute; top:30%; right:-5%; height:var(--spacing-2S); }
    #why .squiggle_yellow_102 { position:absolute; top:12%; right:-8%; height:var(--spacing-5L); }
    #why .ring_blue_103  { position:absolute; top:40%; right:-10%; height:var(--spacing-3L); }

    #why .zigzag_yellow_200 { position:absolute; bottom:20%; left:-2%; height:var(--spacing-4L);}
    #why .circle_blue_201 { position:absolute; bottom:15%; left:15%; height:var(--spacing-2S);}
    #why .circle_red_202 { position:absolute; bottom:21%; left:7%; height:var(--spacing-1S);}
    #why .loops_green_203 { position:absolute; bottom:8%; left:-3%; height:var(--spacing-4L); transform:rotate(35deg); }
    #why .swirl_red_204 { position:absolute; bottom:8%; left:7%; height:var(--spacing-3L);}
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1100px) {

}

@media (max-width:1000px) {
    #intro h2 { font-size:var(--font-size-5L); }
}

@media (max-width:900px) {
    #why .why_group > div:nth-child(2) .reason_list { grid-template-columns:1fr; gap:var(--spacing-2L); }
    #why .why_group > div:nth-child(2) .reason_list li p:last-of-type { margin-bottom:0px; }
}

@media (max-width:800px) {
    #services .services_group { grid-template-columns:1fr; }
    #services .services_group > div { display:grid; grid-template-columns:1fr 1fr; gap:var(--spacing-2L); }
    #services .services_group img { height:100%; object-fit:cover; }
}

@media (max-width:700px) {
    #why .why_group { grid-template-columns:1fr; }
    #why .why_group > div:nth-child(1) h2 { max-width:initial; font-size:var(--font-size-4L); }
    #why .container_row_content { padding-bottom:calc(var(--spacing-5L) * 2); }

    #why .zigzag_yellow_200,
    #why .circle_red_202 {display:none; }
}

@media (max-width:650px) {
    #services .services_group > div { display:grid; grid-template-columns:4fr 6fr;}
}

@media (max-width:600px) {
    #services .services_group > div {  grid-template-columns:1fr; }
    #services .services_group img { height:initial; max-height:250px; object-position:center top; }
}