﻿@media all {
    /* about_intro */
    #about_intro .container_row_content { padding-bottom:var(--spacing-3L); }

    /*-- left side */
    #about_intro .squiggle_yellow_10 { position:absolute; height:calc(var(--spacing-5L) * 1.4); bottom:var(--spacing-3L); left:-10%; }
    #about_intro .circle_blue_20 { position:absolute; height:var(--spacing-0); bottom:var(--spacing-1S); left:-7%; }

    /*-- right side */
    #about_intro .circle_yellow_100 { position:absolute; height:var(--spacing-1L); top:var(--spacing-1L); right:3%; }
    #about_intro .circle_green_101 { position:absolute; height:var(--spacing-0); bottom:var(--spacing-1L); right:5%; }

    #about_intro .loops_green_110 { position:absolute; height:var(--spacing-5L); top:var(--spacing-1S); right:-4%; transform:rotate(35deg); }

    #about_intro .squiggle_blue_120 { position:absolute; height:var(--spacing-5L); bottom:var(--spacing-5L); right:-8%; transform:rotate(-12deg); }

    #about_intro .swirl_red_130 { position:absolute; height:var(--spacing-4L); bottom:var(--spacing-3L); right:-4%; }

    /* about_team */
    #about_team .brand_angled_overlay_1 { height:var(--spacing-5L); }

    #about_team h2 { margin-bottom:var(--spacing-2L); text-align:center; }

    #about_team ul.team_list { grid-template-columns:repeat(4, 1fr); gap:var(--spacing-1L); text-align:center; }
    #about_team ul.team_list li { position:relative;}

    /* about_message */
    #about_message { text-align:center; }

    #about_message .brand_angled_overlay_1 { height:calc(var(--spacing-5L) * 2); background-color:var(--color-gray); }
        
    #about_message .container_row_content { padding-top:calc(var(--spacing-5L) * 1.4); }

    #about_message p { margin:0px auto; width:80%; font-size:var(--font-size-2L); font-weight:var(--font-weight-bold); }

    /*-- left side */
    #about_message .ring_blue_10 { position:absolute; height:var(--spacing-2L); top:var(--spacing-4L); left:-5%; }
    #about_message .squiggle_red_20 { position:absolute; height:var(--spacing-5L); top:var(--spacing-4L); left:0px; transform:rotate(-315deg); }
    #about_message .zigzag_yellow_30 { position:absolute; height:var(--spacing-3L); bottom:var(--spacing-3L); left:-2%; }

    /*-- right side */
    #about_message .ring_yellow_100 { position:absolute; height:var(--spacing-4L); top:calc(var(--spacing-5L) * 1.1); right:-1%; }
    #about_message .circle_green_110 { position:absolute; height:var(--spacing-0); top:calc(var(--spacing-5L) * 1.8); right:4%; }
    #about_message .zigzag_blue_120 { position:absolute; height:var(--spacing-4L); bottom:var(--spacing-1L); right:3%; }
}

@media (max-width:1400px) {

}

@media (max-width:1300px) {
    #about_intro .brand_split_group { grid-template-columns:1fr; }

    #about_intro .brand_split_group > div:nth-child(1) { order:2; }
    #about_intro .brand_split_group > div:nth-child(1) img { margin:var(--spacing-2L) auto 0px auto; width:100%; max-width:800px; height:initial; }

    #about_intro .brand_split_group > div:nth-child(2) { order:1; }
    #about_intro .brand_split_group > div:nth-child(2) .body { padding:0px 0px var(--spacing-0) 0px; background-color:var(--color-white); }
}

@media (max-width:1200px) {
    #about_message .ring_yellow_100 { display:none; }
}

@media (max-width:1000px) {

}

@media (max-width:800px) {
    #about_team ul.team_list { grid-template-columns:1fr 1fr 1fr; }
}

@media (max-width:600px) {
    #about_team ul.team_list { grid-template-columns:1fr 1fr; }

    #about_message .zigzag_blue_120 { right:-2%; }
}
