@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 { text-align:right; }
    #hero .hero_box .body .title{ margin-bottom:var(--spacing-1L); font-size:var(--font-size-2L);}
    #hero .hero_box .body .title:after { right:0px; background-position:right center; }

    /* announcements */
    #announcements { background-color:var(--color-yellow); }
    #announcements .ms-view { background-color:transparent; }

    #announcements h2 { font-size:var(--font-size-0); font-weight:var(--font-weight-normal); }
    #announcements p { font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); }
    #announcements a.link_as_button { padding:var(--spacing-1S) var(--spacing-1L); }

    /* supporting */
    #supporting .container_row { background-image:url(/resources/images/pages/default/i_supporting_children.jpg); }

    /* services */
    #services { background-color: var(--color-gray);}
    #services .container_row { width:100%; }

    #services ul.services_list { grid-template-columns:repeat(3, 1fr); gap:0px; }
        
    #services ul.services_list li { background-size:cover; background-repeat:no-repeat; }
    #services ul.services_list li:nth-child(1){ background-image:url(/resources/images/pages/default/i_services_early_intervention.jpg?v=250709); }
    #services ul.services_list li:nth-child(2){ background-image:url(/resources/images/pages/default/i_services_school_age.jpg?v=250709); }
    #services ul.services_list li:nth-child(3){ background-image:url(/resources/images/pages/default/i_services_mental_health.jpg?v=250709); }

    #services ul.services_list li .body { padding:var(--spacing-5L) var(--spacing-1L) calc(var(--spacing-5L) *1.5) var(--spacing-1L) ; }
    #services ul.services_list li .body h2 { margin-top:0px; font-size:var(--font-size-2L); }
    #services ul.services_list li .body p { margin-bottom:var(--spacing-5L); font-size:var(--font-size-4L); font-weight:var(--font-weight-bold); line-height:1.2; }
    #services ul.services_list li .body a { position:absolute; bottom:var(--spacing-5L); left: var(--spacing-1L); z-index:1; }

    #services .brand_angled_overlay_2 { background-color:var(--color-gray); }

    /* group_therapy */
    #group_therapy { padding-bottom:calc(var(--spacing-5L) * 1.8); }
    #group_therapy .container_row { background-image:url(/resources/images/pages/default/i_group_therapy.jpg); }

    /* our_values */
    #our_values { position:relative; overflow-x:hidden; }
    #our_values .container_row_content { padding-bottom:calc(var(--spacing-5L) * 1.4); }

    #our_values h2 { margin-top:0px; margin-bottom:var(--spacing-2L); font-size:calc(var(--font-size-5L) * 2.5); font-weight:var(--font-weight-bold); text-align:center; }

    #our_values ul.values_list { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-0); z-index:2; }
    #our_values ul.values_list li { background-color:var(--color-white); border-left:1px var(--color-black) solid; }
    #our_values ul.values_list li .body { padding-left:var(--spacing-0); }
    #our_values ul.values_list li .body h3 { margin-top:0px; margin-bottom:var(--spacing-2L); font-size:var(--font-size-1L); font-weight:var(--font-weight-bold); }
    #our_values ul.values_list li .body p:last-of-type { margin-bottom:0px; }

    /*-- top left side */
    #our_values .circle_pink_10 { position:absolute; height:var(--spacing-1S); top:var(--spacing-2L); left:3%; }
    #our_values .circle_red_11 { position:absolute; height:var(--spacing-1S); top:var(--spacing-4L); left:12%; }
    #our_values .circle_green_12 { position:absolute; height:var(--spacing-1L); top:var(--spacing-5L); left:14%; }
    #our_values .circle_red_13 { position:absolute; height:var(--spacing-1L); top:calc(var(--spacing-5L) * 2.3); left:1%; }
    #our_values .circle_blue_14 { position:absolute; height:var(--spacing-1S); top:calc(var(--spacing-5L) * 2.8); left:4%; }

    #our_values .zigzag_red_20 { position:absolute; height:var(--spacing-3L); top:var(--spacing-3L); left:2%; }
    #our_values .zigzag_yellow_21 { position:absolute; height:var(--spacing-5L); top:calc(var(--spacing-5L) * 1.2); left:0px; }

    #our_values .lashes_blue_31 { position:absolute; height:var(--spacing-5L); top:var(--spacing-2L); left:7%; }

    #our_values .squiggle_red_2_41 { position:absolute; height:var(--spacing-5L); top:var(--spacing-2S); left:18%; }

    #our_values .loops_pink_51 { position:absolute; height:calc(var(--spacing-5L) * 1.2); top:calc(var(--spacing-5L) * 3); left:-2%; }

    /*-- top right side */
    #our_values .circle_green_100 { position:absolute; height:var(--spacing-1S); top:var(--spacing-2L); right:24%; }
    #our_values .circle_red_101 { position:absolute; height:var(--spacing-1L); top:var(--spacing-4L); right:22%; }
    #our_values .circle_blue_102 { position:absolute; height:var(--spacing-1S); top:var(--spacing-3S); right:15%; }
    #our_values .circle_green_103 { position:absolute; height:var(--spacing-1L); top:calc(var(--spacing-5L) * 1.8); right:5%; }

    #our_values .burst_blue_110 { position:absolute; height:var(--spacing-4L); top:var(--spacing-1L); right:16%; }

    #our_values .squiggle_yellow_120 { position:absolute; height:calc(var(--spacing-5L) * 1.5); top:-0px; right:3%; }
    #our_values .squiggle_red_121 { position:absolute; height:var(--spacing-5L); top:var(--spacing-5L); right:12%; transform:rotate(85deg); }

    #our_values .ring_yellow_130 { position:absolute; height:var(--spacing-5L); top:calc(var(--spacing-5L) * 1.8); right:calc(calc(var(--spacing-5L) / 2) * -1); transform:rotate(85deg); }

    #our_values .swirl_red_140 { position:absolute; height:var(--spacing-4L); top:calc(var(--spacing-5L) * 3.2); right:-2%; }

    /*-- bottom right side */
    #our_values .ring_blue_10 { position:absolute; height:var(--spacing-2L); bottom:var(--spacing-1L); right:15%; }
    #our_values .loops_green_10 { position:absolute; height:var(--spacing-5L); bottom:var(--spacing-1L); right:10%; transform:rotate(30deg); }

    /* blog */
    #blog h2 { margin-bottom:var(--spacing-2L); text-align:center; }

    #blog ul.blog_list { grid-template-columns:repeat(3, 1fr); column-gap:var(--spacing-1S); color:var(--color-black);  }
    #blog ul.blog_list li { position:relative; background-color:var(--color-white); overflow:hidden; }

    #blog ul.blog_list li a { color:var(--color-red); }
    #blog ul.blog_list li a:hover { color:var(--color-blue); }

    #blog ul.blog_list li img.blog_photo { display:block; margin:0px; width:100%; height:calc(var(--spacing-5L) * 2); object-fit:cover; }      
    #blog ul.blog_list li .body { padding:var(--spacing-2L);}      
    #blog ul.blog_list li .body p.date_is { margin-top:0px; font-size:var(--spacing-1S); font-weight:var(--font-weight-bold); }

    #blog .link_row { margin-top:var(--spacing-2L); text-align:center;}

    #blog .link_row a.link_as_button { font-size:var(--font-size-1S); }
    #blog .link_row a.link_as_button:hover,
    #blog .link_row a.link_as_button:focus { color:var(--color-white); border:1px var(--color-white) solid; }
}

@media (max-width:1400px) {
    #our_values .squiggle_red_121 { display:none; }
    #our_values h2 { margin-bottom:var(--spacing-0); font-size:calc(var(--font-size-5L) * 2); }
}

@media (max-width:1200px) {
    #services ul.services_list li .body p { margin-bottom:var(--spacing-3L); }

    #our_values .circle_red_101 { top: var(--spacing-2L); }
    #our_values .circle_green_100 { right:26%; }
    #our_values .circle_green_103 { top:calc(var(--spacing-5L) * 1.6); }
    #our_values .zigzag_red_20 { display:none; }
}

@media (max-width:1100px) {

}

@media (max-width:1000px) {
    #services ul.services_list li .body p { font-size:var(--font-size-3L);}

    #our_values h2 { margin-bottom:var(--spacing-0); font-size:calc(var(--font-size-5L) * 1.5); }
    #our_values ul.values_list { padding:var(--spacing-1L) 0px; grid-template-columns:1fr 1fr; column-gap:var(--spacing-1L); row-gap:var(--spacing-3L); background-color:var(--color-white); border-radius:var(--spacing-2L); }
    #our_values ul.values_list li { border-left:none; }

    #our_values .loops_pink_51 { top:initial; bottom:0px;}
    #our_values .loops_green_10 { right:5%; transform:none; }

    #our_values .circle_green_12,
    #our_values .circle_red_13,
    #our_values .circle_blue_14,
    #our_values .ring_yellow_130,
    #our_values .swirl_red_140 { display:none; }

    #blog ul.blog_list li .body { padding:var(--spacing-1L); }
}

@media (max-width:800px) {
    #services ul.services_list li .body p { font-size:var(--font-size-2L);}

    #blog ul.blog_list { grid-template-columns:1fr 1fr; }
    #blog ul.blog_list li:last-child { display:none; }
}

@media (max-width:700px) {
    #services ul.services_list li .body h2 { font-size:var(--font-size-2L); }
    #services ul.services_list li .body p { font-size:var(--font-size-1L); }

    #our_values h2 { margin-bottom:0px; font-size:calc(var(--font-size-5L) * 1.2); }
    #our_values .circle_red_101 { display:none; }
    #our_values ul.values_list { grid-template-columns:1fr; } 

    #our_values .squiggle_yellow_120 { right:-1%; }
    #our_values .burst_blue_110 { top:0px; }
    #our_values .lashes_blue_31 { top:0px; transform:rotate(45deg); }

    #our_values .circle_blue_102 { display:none; }
    #our_values .squiggle_red_2_41 { display:none;}

    #blog .link_row a.link_as_button { font-size:var(--font-size-0); }
}

@media (max-width:600px) {
    #services ul.services_list { grid-template-columns:1fr 1fr; }
    #services ul.services_list li:last-child { grid-column: 1 / -1; }
    #services .brand_angled_overlay_2 { display:none; }
}