@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Oswald:wght@200;300;400;500;600;700&family=Staatliches&display=swap');


.banner_container{
    display: flex;
    flex-direction: column;
    align-items: center;
   
}
.banner_container .banner__imagem{
    width: 100%;  
    object-fit:cover;
}

.banner #banner_texto{
    position: absolute;
    color: white;
    font-family: 'Staatliches', cursive;
    font-size: 5em;
   
}

@media screen and (min-width: 0px) {
    .banner img{
       height: 100vh;
       object-fit: cover;
       max-height: 420px;

    }

    .banner #banner_texto{
        font-size: 3em ;
        text-align: center;
        padding-top: 15rem;
    }
   
}

@media screen and (min-width: 768px){
    .banner img{
        height: 100vh;
        max-height: 650px;
    }

    .banner #banner_texto{
        font-size: 5em;
        padding-top: 20rem ;
    }
}