@font-face {
    font-family: NeueHaasDisplay;
    src: url('/assets/fonts/NeueHaasDisplayBold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: NeueHaasDisplay;
    src: url('/assets/fonts/NeueHaasDisplayLight.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: NeueHaasDisplay;
    src: url('/assets/fonts/NeueHaasDisplayXThin.ttf') format('ttf');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: NeueHaasDisplay;
    src: url('/assets/fonts/NeueHaasDisplayMediu.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: NeueHaasDisplay;
    src: url('/assets/fonts/NeueHaasDisplayBlack.ttf') format('ttf');
    font-weight: 800;
    font-style: normal;
}

body{
    font-family: "NeueHaasDisplay", sans-serif;
    font-weight:500;
    background-color: #000;
}

#site-header{
    display:none;
}

.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%;
    }

}