@media {
    /* ------------------------------ */
    /* BRAND SPECIFIC STYLES */
    /* ------------------------------ */
    /* brand_slider_controls */
    .brand_slider_controls { position:absolute; bottom:calc(var(--spacing-2L) * -1); left:50%; transform:translateX(-50%); z-index:10; }
    .brand_slider_controls button { margin:0px var(--spacing-4S); padding:var(--spacing-2S); color:var(--color-white); border-radius:var(--spacing-4S); background-color:transparent; border:1px var(--color-white) solid; }

    /* brand_group */
    .brand_box_group { grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-1L); }
    .brand_box_group > div { position:relative; background-color:var(--color-light-beige); }
    .brand_box_group > div .body { padding:var(--spacing-3L) var(--spacing-2L); text-align:left; }

    .brand_box_group > div h3 { margin-top:0px; font-size:var(--font-size-0); font-weight:var(--font-weight-normal); }
    .brand_box_group > div h4,
    .brand_box_group > div p.sub_title { color:var(--color-green); font-size:var(--font-size-1L); }

    .brand_box_group > div a { display:inline-block; margin-top:var(--spacing-0); text-decoration:underline; }
    .brand_box_group > div a:hover,
    .brand_box_group > div a:focus { text-decoration:none; }

    .brand_box_group > div .icon { position:absolute; padding:var(--spacing-0); bottom:0px; right:0px; color:var(--color-green); font-size:var(--font-size-1L); background-color:var(--color-white); z-index:1;  }

    /* background */
    .brand_background_beige { background-color:var(--color-beige); }

    /* */
    .brand_background_light_beige { background-color:var(--color-light-beige); }

    /* */
    .brand_background_green { color:var(--color-white); background-color:var(--color-green); }
    .brand_background_green h1,
    .brand_background_green h2,
    .brand_background_green h3,
    .brand_background_green h4,
    .brand_background_green h1 { color:var(--color-white); }

    .brand_background_green a:not(.link_as_button) { color:var(--color-light-green); }

    /* */
    .brand_background_dark_green { color:var(--color-white); background-color:var(--color-dark-green); }
    .brand_background_dark_green h1,
    .brand_background_dark_green h2,
    .brand_background_dark_green h3,
    .brand_background_dark_green h4,
    .brand_background_dark_green h1 { color:var(--color-white); }

    .brand_background_dark_green a:not(.link_as_button) { color:var(--color-light-green); }

    /* */
    .brand_background_purple { color:var(--color-white); background-color:var(--color-purple); }
    .brand_background_purple h1,
    .brand_background_purple h2,
    .brand_background_purple h3,
    .brand_background_purple h4,
    .brand_background_purple h1 { color:var(--color-white); }

    .brand_background_purple a:not(.link_as_button) { color:var(--color-beige); }
}

@media (max-width:1600px) {

}

@media (max-width:1400px) {
    
}

@media (max-width:1200px) {

}

@media (max-width:1000px) {

}

@media (max-width:800px) {
    .brand_box_group { grid-template-columns:1fr 1fr; }
    .brand_box_group > div:nth-child(3) { grid-column: 1 / -1; }
}

@media (max-width:600px) {

}