/* Nav RWD */

@media (max-width: 1000px) {
    .fa-moon {
        top: 5px;
    }
    nav .menu i {
        display: block;
    }
    #click:checked ~ .menu i:before {
        content: "\f00d"; /* X */
    }
    #click:checked ~ ul {
        left: 0;
    }
    #click:checked ~ ul li a{
        margin-left: 0px;
    }
    nav ul {
        top: 100px;
        z-index: 1;
        left: -100%;
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        text-align: center;
        background: #1B1B1B;
        transition: all 0.3s ease;
    }
    nav ul li {
        width: 100%;
        margin: 40px 0;
    }
    nav ul li a {
        width: 100%;
        display: block;
        font-size: 20px;
        margin-left: -100%;    
    }
}

/* Footer RWD */

@media (max-width: 420px) {
    footer .footer-pages, .footer-copyright, .footer-social-media {
        line-height: 2.0;
        text-align: center;
    }
    footer .footer-social-media {
        float: none;
        margin: 0 auto 20px;
    }
}