@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto-Bold.woff2) format(woff2);
    font-weight: 400;
    font-style: normal;
}

body{
    font-family: 'roboto';
}
button, header, footerPhone{
    font-family: 'roboto';
}
/* button{
    border-radius: 20px;
    width: 90%;
    padding: 15px;
    margin: 10px auto; 
    font-size: larger;
    border: none;
    background-color: #D4A85F;
    font-weight: bolder;
    transition: all 500ms cubic-bezier(0.4, 0, 0.2, 1); 
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    
}
@media (max-width: 840px){
    button{
        width: 100%;
        margin: none;
        padding: 10px;
        border-radius: 15px;
        color: rgb(0, 0, 0);
    }
}

button:hover{
    background-color: #D4A85F;
    color: rgb(255, 255, 255);
    border-radius: 70px;
    transform: translateY(-3px); 
    box-shadow: 0 8px 25px rgba(151, 106, 32, 0.4); 
    letter-spacing: 1px; 
}

button:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    
} */