/* Reset */ 
body, html{ font-family: 'Rubik', Arial, Helvetica, sans-serif; line-height: 1; font-size: 16px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0 0 1rem 0;padding: 0;}ol,ul{padding-left: 20px;line-height: 1.5;}img{height: auto;}h1{font-size: 4rem;} h2{font-size: 3rem;} h3{font-size: 2rem;} h4{font-size: 1rem;} h5{font-size: 0.8rem;} h6{font-size: 0.6rem;}a{text-decoration:none}
  
body{background: #f5e7eb;}

.header{

    display: flex;
    justify-content: space-between ;
    align-items: center;
    padding: 30px 10% 30px 7.5%;
    
}

/* Per avere home services e about attaccati a contact
.logo{margin-right: auto;}*/



.menu ul{padding: 0;margin: 0;}
.menu li{display: inline-block;}
.menu a{padding: 15px 20px;display: block;color: #666;font-weight: bold;}

.button{
   
    background: #756565 ;
    display: block;
    padding: 5px 10px;
    color: #fff;
}
.button:hover{
    background: #8e918f;
}

@media (max-width: 768px) {
    .header{padding-left: 20px ;padding-right: 60px; position: relative;background: #fff;}

    .menu{background: #fff; position: absolute;top: 140px; right : -100%;width: 100%}

    .menu li{width: 100%;}
}