*{
    font-family: 'Poppins';
    margin: 0;
    padding: 0;
    list-style: none;
}
header > div{
    max-width: 90%;
    margin: 0 auto;
}
 
.width{
    max-width: 90%;
    margin: 0 auto;
}

.btn-contato{
background: linear-gradient(to left, #8B8D24, #ABAE34);
color: white;
padding: 0.5rem 2.7rem;
margin-left: 2rem;
transition: 0.2s; 
} 

.btn-contato:hover{
text-decoration: underline;

}

    footer p{
        margin-bottom: 20px;
    }

@media screen and (max-width:600px){
    nav{
        overflow: hidden;
        max-width: 0px; 
        position: absolute;
        transition:0.3s ease-in-out;
        right: 0;
        top: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh; 
        background-color: #E6E7E2;
    }
    .nav-active{
        max-width: 100vw; 
        width:100%;
        transition:0.4s ease-out;
    }
      footer p{
        margin-bottom: 30px;
    }
    

}


@media screen and (min-width:1700px){
    .width,  header > div{
        max-width: 1600px;
    } 
}