/* Big tablet to 1200px (widths smaller taht the 1140px row) */

@media only screen and (max-width: 1240px) {
    .section-form {
        top: 35%;
    }
}

@media only screen and (max-width: 1200px) {
    html,
    body {
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow-x: auto;
        height: 100%;
    }
    header {
        width: 100%;
        height: 100%;
    }
    .row {
        padding: 0 2%;
    }
}


/* Small tablet to big tablet: from 768px to 1023px */

@media only screen and (max-width: 1023px) {
    h2 {
        font-size: 150%;
    }
    h2:after {
        width: 100%;
        margin: 0 auto;
    }
    .nav-container {
        display: flex;
        justify-content: center;
    }
    body {
        font-size: 18px;
    }
    .contact-form {
        width: 100%;
    }
}

@media only screen and (max-width: 1000px) {
    .logo {
        height: 80px;
    }
}


/* Small phones to small tablets: from 481px to 767px */

@media only screen and (max-width: 767px) {
    body {
        font-size: 18px;
    }
    .nav-bar {
        display: none;
    }
    .dropbtn {
        display: none;
    }
    .dropdown {
        display: none;
    }
    .burger {
        display: block;
    }
    .logo-container {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .dropbtn {
        display: none;
    }
    .dropdown {
        display: none;
    }
    .contact-form {
        width: 100%;
    }
}


/* Small phones: from 0 to 480px */

@media only screen and (max-width: 480px) {
    body {
        font-size: 18px;
    }
    .section-form {
        top: 25%;
    }
    .dropbtn {
        display: none;
    }
    .contact-form {
        width: 100%;
    }
    .dropdown {
        display: none;
    }
    .logo {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 375px) {
    body {
        font-size: 16px;
    }
    input[type=submit] {
        margin-right: 0;
    }
}

@media only screen and (max-width: 375px) {
    body {
        font-size: 16px;
    }
    h2 {
        font-size: 130%;
    }
    h3 {
        font-size: 60%;
        padding-bottom: 15px;
    }
    .section-form {
        top: 20%;
    }
    input[type=text],
    input[type=email],
    input[type=tel],
    select,
    textarea {
        border-bottom: 1px solid #fff;
    }
    .textarea {
        height: 80px;
    }
}

@media only screen and (max-height:657px) {
    header {
        min-height: 750px;
    }
}