:root {
    --aspect-r: calc(100vw / 1.77);
}
#about-us {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;margin-top: 100px;padding: 0 16px;}
.about-us-wrapper {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; max-width: 1100px; margin: 0 auto;}
.about-us-left {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding-right: 16px;}
.about-us-left h3 {font-family: var(--font-h); font-size: 42px; color: #2B2E31;padding: 0 ;margin: 0;}
.about-us-left h5 {font-family: var(--font-r); font-size: 24px; color: #2B2E31; padding: 0; margin: 16px 0 0 0;}
.about-us-left p {font-family: var(--font-r); font-size: 16px; color: #2B2E31; padding: 0; margin: 50px 0 0 0;line-hight: 1.2em;}
.about-us-right {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;width: 100%;margin-top: 60px;}
.about-us-right img {display: flex; width: 100%;max-width: 750px;height: auto;}

@media only screen and (min-width: 500px) {

}
@media only screen and (min-width: 570px) {
    #about-us {padding: 0 32px;}

}
@media only screen and (min-width: 700px) {

}
@media only screen and (min-width: 800px) {
    #about-us {padding: 0 64px;}

}
@media only screen and (min-width: 900px) {

}
@media only screen and (min-width: 1100px) {

}
@media only screen and (min-width: 1200px) {
    .about-us-wrapper {flex-direction: row;}
    .about-us-right {width: 50%; height: 460px;margin-top: 0;}
    .about-us-left {width: 50%;}
}