/* 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 li a {
        font-size: 115%;
    }

    .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%;
    }

    /* content */

    #regulations__content {
        line-height: 50px;
        font-size: 90%;
    }

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

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

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


/* 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;
    }

    #regulations__content {
        line-height: 40px;
        font-size: 80%;
    }

    .regulations__link i {
        width: 15px;
        height: 15px;
    }
}