@media only screen and (max-width: 1440px) {
    section,
    header nav,
    footer .footer-container {
        width: 90%;
    }
}

@media only screen and (max-width: 1024px) {
    section,
    header nav,
    footer .footer-container {
        width: 90%;
    }


    header nav ul li:first-child {
        flex: 2;
    }
    header nav ul li:nth-of-type(2),
    header nav ul li:nth-of-type(3),
    header nav ul li:nth-of-type(4) {
        display: none;
    }
    header nav ul li:nth-of-type(5) {
        display: inline;
    }
    header nav ul li .fa-bars {
        font-size: 24px !important;
    }
}