/*Fontes*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

body{
    font-family: 'Roboto', sans-serif;
    padding: 0 !important;
}

.altura-auto{
    height: 100vh;
}
a{
    color: #fff;
}
a:hover{
    color: #CAF5DC;
}

h1{
 font-family: 'Staatliches', cursive;
 font-weight: 600;
 font-size: 4.5em;
 text-transform: uppercase;
 letter-spacing: 10px;
}
h3{
    font-family: 'Roboto', sans-serif;
    font-size: 1.5em; 
    text-transform: uppercase;
}
p{
   
}
.linha{
    border-bottom: 1px solid #f9f9f9;
    width: 100%;
    margin: 20px 0;
}

#banner{
    background-image: url('../img/banner2.jpg');
    background-size: cover;
    height: 100vh;
}

#logo{
    width: 35%;
}
#logo-menu{
    width: 70px;
    margin-right: 20px;
    padding: 0;
}
#conteudo-topo{
padding: 80px 0;
}
#lista-objetivos li a{
    color: #fff !important;
}
#lista-objetivos li{
    margin-top: 20px;
    text-align: justify-all;
}

#menu li{
margin: 0 8px;
}
.bg-verde{
    background-color: #022115 !important;
}
.btn-verde{
   background-color: #227052 !important;
   color: #fff;
   border-radius: 50px 2px;
   transition: 0.5s;
}
.btn-verde:hover{
   background-color: #063d28 !important;
   transition: 0.5s;
   color: #fff;
}
.text-verde{
    color: #022115 !important ;
}
.icone-angle{
    font-size: 2em;
}
.barra{
    height: 10px;
    width: 20%;
}

.color-1{
    background-color: #1E91D6;
}
.color-2{
    background-color: #B871A6;
}
.color-3{
    background-color: #57ad88;
}
.color-4{
    background-color: #E4CC37;
}
.color-5{
    background-color: #E18335;
}
.verde1{
    background-color: #607569;
}
.verde2{
    background-color: #80F7B1;
}
.verde3{
    background-color: #CAF5DC;
}
.verde4{
    background-color: #3D7554;
}
.verde5{
    background-color: #9FC2AD;
}
.texto-verde1{
    color: #607569;
}
.texto-verde2{
    color: #80F7B1;
}
.texto-verde3{
   color: #CAF5DC;
}
.texto-verde4{
    color: #3D7554;
}
.texto-verde5{
    color: #9FC2AD;
}

.titulos-sessao{
    margin: 40px auto !important;
}
.icone-grande{
    font-size: 4em;
    padding: 30px;
    border-radius: 150px 0;
}


a{
    text-decoration: none !important;
}
.rounded-pill{
    border-radius: 50px !important;
}

/*FOTOS*/

#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}
.size-1{
  font-size: 3em;
  margin: 20px 0 20px 0;
}

.green{
  background-color:#6fb936;
}
.thumb{
    margin-bottom: 30px;
}

.page-top{
    margin-top:85px;
}

.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.zoom:hover{
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
}

.modal-header {

   border-bottom: none;
}
.modal-title {
    color:#000;
}
.modal-footer{
  display:none;  
}


/*Sessoes*/

#projetos{
    height: auto;
    padding-bottom: 100px;
}

#concursos{
    height: auto;
    padding-bottom: 100px;
}
#sobre{
    background-color: #57ad88;
    height: auto;
    padding-bottom: 100px;
}
#missao-objetivos{
    height: auto;
    padding-bottom: 100px;
}
#galeria{
    height: auto;
    padding-bottom: 100px;
    background-color: #292929;
}
#footer{
    height: auto;
    background-color: #171717;
    padding: 30px 10px;
}


.social-links {
    text-align:center;
    margin-top: 50px;
}

.social-links a{
    display: inline-block;
    width:50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-right: 15px;
    transition: 0.3s;

}
.social-links a:hover{
    background-color: #fff;
    transition: 0.5s;
    color: #191919;
}

.social-links a i{
    padding: 11px;
    font-size: 23px;
    transition: 0.5s;
}

