html{
    font-family: "Neue Montreal", "Arial", sans-serif;
}

.page-button img{
    transition:.2s ease-in-out;
}

.page-button:hover img{
    transform:rotate(45deg);
}

@media (max-width:600px){
    .quadro{
        height: 40dvh;
        overflow: scroll;
        /*overflow-scrolling: auto;*/
    }
    .layer{
        height:100dvh;
    }
    .coluna{
        width:20%;
    }
    .desktop{
        display:none;
    }
    .link-header{
        display:none;
    }
}
@media (min-width:700px){
    .mobile{
        display:none;
    }
}
@media(min-width:1200px) and (max-width:1490px){
    .banner h1{
        font-size:2.5rem;
        line-height:3rem;
    }
    .quadro{
        width:100%;
    }
    .about .element{
        width:50%;
    }
    .doutor{
        width:40%;
        top:25%;
    }
    .texto{
        width:90%;
    }
    .depoimentos .element{
        width:30%;
    }

}