@media screen and (max-width: 479px) {

    h2 {
        line-height: 34px;
    }

    .inner-block,
    .breadcrumbs ul {
        width: 300px;
    }

    .header-section {
        text-align: center;
    }

    .logo {
        width: 223px;
        height: 48px;
        margin: 0 0 15px;
        float: none;
    }

    .contacts {
        width: auto;
        font-size: 16px;
        text-align: left;
        padding: 0 50px 0 0;
        float: none;
    }

    .contacts .phone {
        font-size: 26px;
    }

    .first-section {
        padding: 220px 0 43px;
    }

    .first-section h1 {
        font-size: 29px;
        line-height: 36px;
    }

    .second-section .main .image,
    .second-section .main .image-2 {
        height: 298px;
    }

    .second-section .main .button {
        display: block;
        padding: 0;
    }

    .footer-spacer {
        height: 376px;
    }

    .footer-section {
        margin: -376px 0 0;
    }

    .footer-left-column {
        font-size: 14px;
    }

    .footer-left-column br {
        display: none;
    }

}