@media all {
    /* override */
    main .container_row { max-width:1200px; }
    /* hero */
    #about_us_hero_text { left:0px !important; right:0px !important; }

    #about_us_hero_text .body { position:relative; max-width:1400px; width:90%; margin:0px auto; }
    #about_us_hero_text .body .content { position:absolute; top:50%; transform:translateY(-50%); }
    #about_us_hero_text .body .content h1 { color:#FFFFFF; font-size:4rem; line-height:4.2rem; }
    #about_us_hero_text .body .content h2 { color:#FFFFFF; font-size:2rem; line-height:2.2rem; }

    #about_us_hero_text .body img { position:absolute; bottom:0px; right:0px; z-index:1; width:240px; }

    /* about us */
    #about_us img.icon { position:absolute; top:70px; left:-120px; width:100px; }

    /* our culture */
    #about_our_culture { background-color:#fafbfb; }
	
    #about_our_culture h2 { color:initial; }
	#about_our_culture h3 { color:initial; }
	#about_our_culture p { color:initial; }

    #about_our_culture .flex_row .box:nth-child(1) { width:35%; }
    #about_our_culture .flex_row .box:nth-child(1) img { width:100%; }
    #about_our_culture .flex_row .box:nth-child(2) { width:55%; padding-right:5%; }

    /* together and kimunity */
    #about_other .flex_row { align-items:flex-start; }
    #about_other .flex_row .box { width:45%; }
    #about_other .flex_row .box .photo { position:relative; }
    #about_other .flex_row .box .photo img.main { display:block; margin:0px; width:100%; height:400px; object-fit:cover;  }
    #about_other .flex_row .box .photo img.award { position:absolute; right:20px; bottom:20px; width:100px; display:block; z-index:1;  }
    #about_other .flex_row .box .body { padding-top:40px; }
}


@media (max-width:1600px ) {
    /* hero */
    #about_us_hero_text .body img { width:180px; bottom:initial; top:50%; transform:translateY(-50%); }
}

@media (max-width:1400px ) {
    /* hero */
    #about_us_hero_text .body .content { width:80%; }
    #about_us_hero_text .body .content h1 { font-size:3.2rem; line-height:3.4rem; }
    #about_us_hero_text .body .content h2 { font-size:1.6rem; line-height:1.8rem; }

    /* about_us */
    #about_us .container_row { max-width:1000px; }

    /* together and kimunity */
    #about_other .flex_row .box .photo img.main { height:360px;  }

    #about_other .flex_row .box .photo img.award { width:90px; }
}
 
@media (max-width:1200px) {
    /* hero */
    #about_us_hero_text .body img { width:160px; }

    #about_us_hero_text .body .content { width:80%; }

    /* about_us */
    #about_us .container_row { max-width:800px; }
    #about_us img.icon { top:100px; left:-100px; width:90px; }
    
    /* together and kimunity */
    #about_other .flex_row .box .photo img.main { height:320px;  }
}

@media (max-width:1100px) {
    /* hero */
    #about_us_hero_text .body img { width:140px; }

    /* about_us */
    #about_us img.icon { position:relative; float:right; transform:initial; top:initial; left:initial; padding:0px 0px 20px 20px; margin:0px; width:100px; }

    /* together and kimunity */
    #about_other .flex_row .box .photo img.main { height:300px;  }
    #about_other .flex_row .box h2 { font-size:1.2rem; line-height:1.8rem;}

    #about_other .flex_row .box .photo img.award { width:80px; }
}

@media ( max-width:1000px) {
    /* hero */
    #about_us_hero_text .body img { width:100px; }
    #about_us_hero_text .body .content h1 { font-size:2.4rem; line-height:2.2rem; }
    #about_us_hero_text .body .content h2 { font-size:1.2rem; line-height:1.4rem; }
}

@media (max-width:700px) {
    /* hero */
    #about_us_hero_text .body {  width:calc(100% - 80px); }
    #about_us_hero_text .body img { display:none; }
    #about_us_hero_text .body .content { width:100%; }
    #about_us_hero_text .body .content h1 { font-size:1.8rem; line-height:2rem; width:100%; }
    #about_us_hero_text .body .content h2 { font-size:1rem; line-height:1.1rem; }
    
    /* about_us */
    #about_us img.icon { width:60px; }
    
    /* together and kimunity */
    #about_other .flex_row .box .photo img.main { height:260px; }
    #about_other .flex_row .box .photo img.award { width:60px; }

    #about_additional_info a.link_as_button { padding:16px 20px;}
}

@media (max-width:500px) {
    /* hero */
    #about_us_hero_text .body {  width:calc(100% - 60px); }

    #about_our_culture .flex_row .box:nth-child(1) { display:none; }
    #about_our_culture .flex_row .box:nth-child(2) { width:70%; padding:40px 0px; margin:0px auto; }

    /* together and kimunity */
    #about_other .flex_row { display:block; }
    #about_other .flex_row .box { width:100%; }
}