/*Media Mobile*/
@media (max-width: 947px){
    section{
        margin-bottom: 7rem;
    }

    .menu-btn{
        display: block;
        z-index: 999;
    }

    .menu-btn i.active:before{
        content: "\f00d";
    }
    
    .navbar .menu{
        position: fixed;
        width: 100%;
        height: 100vh;
        left: -100%;
        top: 0;
        background: #000;
        text-align: center;
        transition: all 0.3s ease;
    }

    .nav{
        padding: 0 1rem;
    }

    .navbar .menu.active{
        left: 0;
    }

    .navbar .menu li:first-child{
        padding: 10rem 0 0 0;
    }

    .navbar .menu li{
        display: block;
        padding: 1rem 0;
    }

    .navbar .menu li a{
        display: inline-block;
        font-size: 25px;
        margin: 0;
    }

    .logo img{
        max-width: 110px;
    }

    .home{
        margin: -10rem auto 5rem auto;
    }
}