.contact-us {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-sizing: border-box;
}

.contact-us__left {
    box-sizing: border-box;
    padding: 12px;
    border: solid 1px #E8EAEC;
}
.contact-us h2,
.contact-us .h2 {
    margin: 0 0 8px 0;
}
.contact-us h2 + p,
.contact-us .h2 + p {
    margin: 0 0 20px 0;
}
.contact-us .btn {
    margin-top: 24px;
}
.contact-us .info-note {
    padding-top: 26px;
    margin-bottom: 18px;
}
@media (min-width: 768px) {
    .contact-us:before {
        content: '';
        position: absolute;
        /*background: 50% url('../images/contact-us.jpg') no-repeat transparent;*/
        background-size: cover;
        left: 396px;
        top: 0;
        bottom: 0;
        right: 0;
    }
    .contact-us__left {
        width: 420px;
        padding: 24px 48px 24px 24px;
        border-right: none;
    }
}
@media (min-width: 996px)
{
    .contact-us:before {
        left: 488px;
    }
    .contact-us__left {
        width: 512px;
    }
}
@media (min-width: 1260px)
{
    .contact-us:before {
        left: 672px;
    }
    .contact-us__left {
        width: 672px;
    }
}