@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

*{
    padding: 0;
    margin: 0;
}

.topo{
    background-image:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("DSC_1285_01.JPG");
    background-size: cover;
    height: 100vh;
    margin: 0;
    border-bottom: 40px solid #0E4BD5;
}

header img{
    height:10vh;
    padding-left: 9vw;
}

header{
    background-image:linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75));
    border-bottom: 2px solid white;
}

.texto-sup{
    font-family: 'Monaco', Monospace;
    color:whitesmoke;
    text-align: center;
    line-height: 90px;
    padding-top: 32vh;
}

h1{
    font-size: 90px;
}



.mais-info-sup{
    display: flex;
    justify-content: center;
    align-items:flex-end;
    height:320px;   
}

#info-sup{
    background-color:transparent;
    border: none;
    font-family: 'Montserrat', sans-serif;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 26px;
    border-top:1px solid whitesmoke; 
    border-bottom:1px solid whitesmoke;
    cursor: pointer;
    transition: 0.3s all ease-in-out;
}

#info-sup:hover {
  background: #fff;
  color: #000;
}

#info-sup:hover {
transform: translate(0, 10px);
}

.meio-branco{
    padding-top: 11vh;
    background-color: #f5f5f5;
}

.texto-meio-sup{
    display: flex;
    justify-content: center;
}

.meio-branco img{
    height:340px;
    width:465px;
    margin: auto;
    display: flex;
    justify-content: center;
    transition: transform .5s; 
}

.meio-branco img:hover{
    transform: scale(1.1);
}

.texto-meio-meio{
    display: flex;
    justify-content: center;
}

h3{
    font-family: 'Raleway', sans-serif;
}

#texto-sup{
    padding-bottom: 20px;
    font-size:35px;
}

#texto-meio{
    text-align: center;
    font-size: 15px;
    color:#999;
    padding:20px 20px;
    letter-spacing: 0px;
}

.texto-meio-inferior{
    padding-top: 15vh;
    display: flex;
    justify-content: center;
}

#texto-inferior{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    text-align: center;
    color:#444;
    line-height: 35px;
    padding-bottom: 50px;
}

span{
    color:#0E4BD5;
}

a{
    color: #0E4BD5  ;
}

.meio-azul{
    background-color: #005A9C;
}

.texto-meio-azul{
    color:white;
    text-align: center;
    padding-top: 16vh;
    font-family: 'Raleway', sans-serif;
}

#meio-t1{
    font-size: 15px;
}

#meio-t2{
    padding-top: 20px;
    font-size:45px;
}

#meio-t3{
    padding-top: 30px;
    font-size:25px;
}

#meio-t4{
    padding-top: 20px;
    font-size:15px;
}

#meio-t5{
    padding-top: 40px;
    font-size:15px;
}

.mapa{
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

iframe{
    width: 50%;
    height:320px;
    padding-bottom: 13vh;
}

.colunas-fim{
    font-family: 'Raleway', sans-serif;
    padding-top: 20vh;
    font-size: 15px;
    padding-top: 5vh;
    text-align: center;
    line-height: 30px;
}

#titulo-fim{
    font-size: 35px;
    padding-bottom: 20px;
}

.coluna {
    float: left;
    width: 50%;
  }
  
.linha:after:after {
    content: "";
    display: table;
    clear: both;
}

.colunas-fim img{
    height: 25vh;
    width:30vw;
    padding-left:5  vw;
}


.EU{
    padding-top: 50vh;
}

.EU h3{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    text-align: center;
    color:#111;
}

.EU img{
    padding-top: 20px;
    height:auto;
    margin: auto;
    width:auto;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}