/* Big tablet to 1200px (widths smaller than the 1140px row) */
@media only screen and (max-width: 1200px) {

    /* Header */

    .navigation-container {
        width: 95%;
    }

    .navigation li a:link, .navigation li a:visited {
        font-size: 70%;
    }

    header img {
        width: 145.56px;
        height: 78.39px;
        margin-top: -8px;
    }

    .navigation {
        padding: 20px 20px 20px 0;
    }

    /* content */

}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
    
    /* Header */

    .navigation {
        display: none;
    }

    .navigation-container {
        width: 90%;
    }

    .burger-menu-white-container {
        display: -webkit-box;
        display: flex;
    }

    .mobile-navigation-white {
        line-height: 40px;
    }

    .closebtn-white {
        font-size: 50px !important;
    }

    .mobile-navigation-white li a {
        font-size: 115%;
    }

    /* content */

    h2 {
        font-size: 175%;
    }

    footer #separate_div{
        justify-content: center;
        padding-bottom: 20px;
        padding-right: 0px;
    }
}


/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
    h2 {
        font-size: 150%;
    }

    .mobile-navigation-white {
        line-height: 35px;
    }

    .closebtn-white {
        font-size: 35px !important;
    }

    .mobile-navigation-white li a {
        font-size: 83%;
    }
    
    #complaint__content {
        width: 100%;
    }

    #section-content {
        font-size: 90%;
    }

    #complaint__form {
        flex-direction: column;
    }

    #complaint__form__second-column {
        padding: 0;
        padding-bottom: 10px;
        flex: 0 0 160px;
    }

    #complaint__form__text {
        width: 100%;
        height: 160px;
    }

    .star {
        left: 94%;
    }

    #complaint__captcha__text {
        font-size: 92%;
    }

    #complaint-section-content {
        padding: 1.5em 2em 1em 2em;
    }

    #complaint {
        padding-top: 6em;
    }

    .close {
        left: 84%;
    }
}


/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
    
    /* header */

    .burger-menu-white {
        width: 35px;
    }

    header img {
        width: 133.56px;
        height: 71.94px;
    }

    /* content */

    h2 {
        font-size: 130%;
        text-align: center;
    }

    /* content */

    #complaint-section-content {
        font-size: 90%;
    }

    #complaint__captcha__checkbox input {
        margin-right: 5px;
    }

    .close {
        left: 83%;
    }

    #complaint__required-text{
        display: block;
    }
}