/* ---- HEADER ---- */
.header{
    width: calc(100vw - 40px);
    height: 100px;
    z-index: 10;
    overflow-y: hidden;
    display: flex;
    align-items: center;
    justify-content:space-between;
    position: fixed;
    padding: 10px 20px;
}

.logo-home{
    height: 90px;
    cursor: pointer;
    object-fit: contain;
}

.button-red{ 
    background-image: linear-gradient(to right, #e53935 0%, #952321  51%, #e53935  100%);
   padding: 10px 40px;  
   text-align: center;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   border-radius: 6px;       
   border: 1px solid rgba( 255, 255, 255, 0.18 );  
   cursor: pointer;
   font-family: biko;
   font-size: 16px;
 }

 .button-red:hover {
   background-position: right center; 
   text-decoration: none;
 } 


 @media (max-width: 1024px){

    .header{
        padding: 10px 20px;
    }

    .logo-home{
        width: 150px;         
    }

    .button-red{
        font-size: 12px;
    }

}


@media (max-width: 767px){
    .logo-home{
        width: 80px;
    }

    .header{
        padding: 10px;
    }
}