@charset "UTF-8";
body,html { 
    margin: 0;
    padding: 0;
}

#mainNav {
  border-color: rgba(34, 34, 34, 0.05);
  background-color: white;
  transition: all .35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand {
  color: #fdcc52;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}

#mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
  color: #fcbd20;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  padding: 8px 10px;
  color: #222222;
}

#mainNav .navbar-nav > li > a {
  font-size: 11px;
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  letter-spacing: 2px;
  text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
  color: #fdcc52 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: #222222;
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #fdcc52;
}

.banner {
    	background-image: url('../img/fundo.png');
	    position:relative;
	    width:100%;
	    height: 100%;
	    padding-top:120px;
    	padding-bottom:130px;
	    color:#fff;
	    overflow: hidden;
	    background-size:cover;
	    background-repeat:no-repeat;
    
}
.conteudo {
    padding-top: 0.5em;
    text-align: center;
    width: 100%;
    height: 100%
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.folder {
  border-radius: 15px;
}
form {
    text-align: center;
}
folder-text {
    text-align: center;
}
.info-item i {
    text-align: center;
    font-size:100px;
    display:block;
    margin-bottom:15px;
    font-size: 4em;
    color: #942c31;
}
.info-item h3 {
    text-align: center;
}
.text-muted {
    text-align: center;
}        
.redes h3 {
    text-align: center;
}
.redes col {
    text-align: center;
}
      
footer {
    text-align: center;
}

/*============================================ */

@media (max-width: 576px) {
    .banner {
        
    }
    .folder {
	height: 54%;
    }
    #folder-text h2 {
        margin-top: -5em;
        font-size: 2em;
    }
    .img-fluid {
       margin-bottom: 2em;
    }
    .contato_titulo {
        margin-top: 5em;
    }
  
}

// Dispositivos médios (tablets com 768px ou mais)
@media (min-width: 768px) { 
.banner {
        margin-top: 1em;
        padding-top: 2em;
    }
}

// Dispositivos large (desktops com 992px ou mais)
@media (min-width: 992px) { 
.banner {
        margin-top: 1em;
        padding-top: 2em;
    }
}

// Dispositivos extra large (desktops grandes com 1200px ou mais)
@media (min-width: 1200px) { ... }