:root {
    --aspect-r: calc(100vw / 1.77);
}
.contact-us-wrapper h6 {font-family: var(--font-h); font-size: 25px; color: #2B2E31;margin: 0;}
#contact-us {width: 100%;}
#contact-us-form {margin-top: 64px;padding-right: 42px;}
#contact-us-wrapper {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;width: 100%;max-width: 850px;margin: 54px auto 0 auto;padding: 0 16px;transition: padding .7s;}
#inner-page-content {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%;padding-right: 0;transition: padding .7s;}
.contact-info {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%;padding-left: 0;margin-top: 42px;}
#contact-us-form button {display: flex; justify-content: center; align-items: center; font-family: var(--font-h); font-size: 16px; color: #2B2E31; background-color: #BABB39; padding: 12px 32px; border-radius: 20px; width: unset;margin-top: 42px;}


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

}
@media only screen and (min-width: 570px) {
    #contact-us-wrapper {padding: 0 32px;}
}
@media only screen and (min-width: 700px) {
    #contact-us-wrapper {flex-direction: row;}
    #inner-page-content {width: 50%;}
    .contact-info {width: 50%;}
    .contact-info {padding-left: 16px;}
    #inner-page-content {padding-right: 16px;}
    .contact-info {margin-top: 100px;}
}
@media only screen and (min-width: 800px) {

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

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

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

}