/**
 * About Us Intro
 */

.vii-about-us-intro {background:#DDE9ED; overflow:hidden;}
.vii-about-us-intro__content {width:50%; padding-right:60px;}
.vii-about-us-intro__image {width:50%; position:relative; z-index:2;}
.vii-about-us-intro__image-logo {width:105px; margin-top:30px; position:relative;}
.vii-about-us-intro__image-logo:before {
    content:''; position:absolute; top:50%; bottom:-100vh; left:-100vw; right:-100vw;
    background:#fff;
}
.vii-about-us-intro__image-logo img {position:relative; z-index:2;}

@media only screen and (max-width:1400px){
    .vii-about-us-intro__content {padding-right:30px;}
}
@media only screen and (max-width:1024px){
    .vii-about-us-intro__inner {align-items:flex-start;}
    .vii-about-us-intro__content {width:45%;}
    .vii-about-us-intro__image {width:55%;}
    .vii-about-us-intro__image-logo {width:90px;}
}
@media only screen and (max-width:1023px){
    .vii-about-us-intro__inner {flex-direction:column; padding-bottom:40px;}
    .vii-about-us-intro__content,
    .vii-about-us-intro__image {width:100%; max-width:520px; margin:0 auto;}
    .vii-about-us-intro__image-logo {margin:0 auto 20px;}
    .vii-about-us-intro__image-logo:before {display:none;}
    .vii-about-us-intro__content {
        display:flex; flex-direction:column-reverse;
        margin-bottom:25px; text-align:center; padding-right:0;
    }
}