@media(max-width:920px) {
    #content {
        padding-left: 4vw;
    }

    h2 {
        margin: 0;
    }
}

@media(max-width:770px) {
    body,
    #form label .title,
    ul.sf-menu>li>a {
        font-size: 2.3vw;
    }

    #form {
        margin-bottom: 20px;
        padding-top: 15px;
    }

    #form input,
    #form textarea {
        padding: 6px 8px;
    }

    h2 {
        font-size: 3.6vw;
        margin: 15px 0 0;
    }
}

@media(max-width:770px) {
    body {
        min-width: auto;
    }

    #content {
        padding-left: 30px;
        padding-top: 0;
    }

    footer {
        font-size: 2.3vw;
        padding: 0 0 20px 30px;
    }

    footer .row {
        margin-bottom: 0;
    }

    nav {
        margin-top: 0;
    }

    ul.sf-menu>li {
        margin-left: 0;
    }

    ul.sf-menu>li>a {
        padding: 6px 16px;
    }
}

@media(max-width:545px) {
    body {
        font-size: 2.4vw;
    }

    #content {
        padding-left: 20px;
    }

    #form {
        margin-bottom: 25px;
        padding-top: 20px;
    }

    #form input,
    #form textarea {
        padding: 6px 12px;
    }

    #form label .title {
        padding: 4px 0 0px;
    }

    #form textarea {
        height: 14vh;
    }

    h2 {
        margin: 10px 0 0;
    }

    header {
        padding: 10px 0 0;
    }

    input[type=tel]:not(.browser-default),
    input[type=text]:not(.browser-default) {
        height: 2.1rem;
    }

    nav {
        margin-top: 15px;
    }

    .row {
        margin-bottom: 0;
    }

    ul.soc-icon {
        margin-top: 10px;
    }
}

@media(max-width:395px) {

    nav {
        height: 45px;
        line-height: 45px;
        padding: 10px 0;
    }

    ul.sf-menu>li>a {
        padding: 6px 15px;
    }
}

@media(max-width:380px) {
    #form label .title {
        padding: 2px 0 0px;
    }

    ul.sf-menu>li>a {
        padding: 5px 14px;
    }
}

@media(max-width:365px) {

    address {
        margin-top: 10px;
    }

    #form {
        padding-top: 10px;
    }

    #form input,
    #form textarea {
        padding: 6px 6px;
    }

    #form label .title {
        padding: 12px 0 0px;
    }

    header {
        padding: 5px 0 0;
    }

    nav {
        height: 45px;
        line-height: 45px;
        margin-top: 0px;
    }

    ul.sf-menu>li>a {
        padding: 5px 11px;
    }
}

@media(max-width:290px) {
    a.btn {
        font-size: 12px;
        line-height: initial;
        margin: 10px 0;
        padding: 9px 14px;
    }

    address dl {
        float: inherit;
    }

    address dl span {
        width: auto;
    }

    #content {
        padding-left: 1vw;
    }

    #form input,
    #form textarea {
        margin: 0;
        padding: 4px 4px;
    }

    #form label,
    #form textarea {
        width: 100%;
    }

    #form label .title {
        padding: 0;
    }

    input[type=tel]:not(.browser-default),
    input[type=text]:not(.browser-default) {
        height: 1.4rem;
    }

    nav {
        height: 30px;
        line-height: 30px;
        padding: 7px 0;
    }

    ul.sf-menu>li>a {
        padding: 5px 8px;
    }
}