@media screen and (max-width: 420px) {

.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:10%;
    font-size: 10pt;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }
    
.novo-local{
    top:50%;
}

    .novo-local h2{
        font-size: 8pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 6pt;
    }

    .novo-local h4{
        font-size: 4pt;
    }


.contactos{
    top:70%;
}

    .contactos h2{
        font-size: 8pt;
            margin-bottom: 5px;
    }

    .contactos p{
        font-size: 6pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 421px) and (max-width: 470px) {

.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 10pt;
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    }
    
.novo-local{
    top:55%;
}

    .novo-local h2{
        font-size: 8pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 6pt;
    }

    .novo-local h4{
        font-size: 4pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 8pt;
            margin-bottom: 5px;
    }

    .contactos p{
        font-size: 6pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    


}

@media screen and (min-width: 471px) and (max-width: 550px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 14pt;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    }
    
.novo-local{
    top:52%;
}

    .novo-local h2{
        font-size: 12pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 8pt;
    }

    .novo-local h4{
        font-size: 7pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 12pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 8pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 551px) and (max-width: 599px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 14pt;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    }
    
.novo-local{
    top:52%;
}

    .novo-local h2{
        font-size: 12pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 8pt;
    }

    .novo-local h4{
        font-size: 7pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 12pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 8pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 600px) and (max-width: 700px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 14pt;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
    }
    
.novo-local{
    top:52%;
}

    .novo-local h2{
        font-size: 12pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 8pt;
    }

    .novo-local h4{
        font-size: 7pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 12pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 8pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 701px) and (max-width: 800px) {
    
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 20pt;
        text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
    }
    
.novo-local{
    top:55%;
}

    .novo-local h2{
        font-size: 16pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 12pt;
    }

    .novo-local h4{
        font-size: 10pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 16pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 12pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

    
}



@media screen and (min-width: 801px) and (max-width: 950px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 20pt;
        text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
    }
    
.novo-local{
    top:55%;
}

    .novo-local h2{
        font-size: 16pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 12pt;
    }

    .novo-local h4{
        font-size: 10pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 16pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 12pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 951px) and (max-width: 1000px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
    top:5%;
    font-size: 20pt;
        text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
    }
    
.novo-local{
    top:55%;
}

    .novo-local h2{
        font-size: 16pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 12pt;
    }

    .novo-local h4{
        font-size: 10pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 16pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 12pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}

@media screen and (min-width: 1001px) and (max-width: 1199px) {
    
.background {
    height: 100%;
    position: relative;
    background-position: top;
    background-size:cover;
    margin-top: 0;
}


.background img{
  object-position: top;
  object-fit:contain;
}

    .brevemente{
        top:5%;
        font-size: 26pt;
        text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
    }
    
.novo-local{
    top:55%;
}

    .novo-local h2{
        font-size: 20pt;
        margin-bottom: 5px;
        text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
        
    }

    .novo-local h3{
        font-size: 16pt;
    }

    .novo-local h4{
        font-size: 14pt;
    }


.contactos{
    top:75%;
}

    .contactos h2{
        font-size: 26pt;
            margin-bottom: 3px;
    }

    .contactos p{
        font-size: 16pt;
    }

    
    .contactos p span.facebook{
        margin-top:3px;
    }    

}