.header{
    display: flex;   
    width: 100%;
    align-items: center; 
     
    flex-direction: row; 
    justify-content: space-between; 
    padding-top: 30px ;
    padding-bottom: 16px;
    background-color:white;
    

}
.logo{ 
    width: 95px ;
    
} 
.navsection{ 
   
   
    align-content: center; 
    align-items: center ;
    width: 500px
} 
.logo-wrapper{ 
    width: 100px; 
     
    margin-right: 200px; 
    margin-left: 120px
} 
li, a, button{ 
    font-family: "DM Sans", sans-serif ;
    font-weight:500; 
    text-decoration: none; 
    color: rgb(92, 58, 27);
} 
.navlinks{ 
    list-style:none;  
    
} 
.navlinks li{ 
    display: inline-block; 
    padding: 0px 20px;
} 
.navlinks li a { 
    transition: all 0.3s ease 0s; 

}  

.navlinks li a:hover { 
    transition: all 0.3s ease 0s;  
    color: beige;

}   
.contact-wrapper{  
    width: 150px;  
    margin-left: 100px; 
    margin-right:100px;


} 
.contact-button{ 
    color: white; 
    background-color: rgb(92, 58, 27); 
    border-color: rgb(92, 58, 27); 
    padding-top: 7px ; 
    padding-bottom: 7px ;
    padding-left:13px; 
    padding-right: 13px; 
    border-style: solid; 
    border-radius: 10px;  
    transition: all 0.3s ease 0s;   

} 
.contact-button:hover{ 
    background-color: white; 
    color:rgb(92, 58, 27); 
    transition: all 0.3s ease 0s;  
    cursor: pointer;  

}