.headerPage{max-width: none; display: flex; flex-direction: column; align-items: center; width: 100%;}
.headerPage > *{max-width: 1366px;}¨

.headerContatos{width: 100%;}
.navbar-container{width: 100%; max-width: 1170px;}
.navbar{max-width: none;}

/* Telefones em landscape e abaixo */
@media (max-width: 480px) { 
	.headerPage{
		display: none;
	}
	
	.headerPageMobile{
		display: block !important;
	}
	
	#headerTituloMobile{
		margin-top: 36px;
		font: 13px bitterBold;
		color: #006837;
	}
	#logoMobile{
		margin-top: 20px;
		max-width: 80px;
		margin-left: -10px;
		
		
	}
	
	.navbar {
   		background: transparent;
   		border-color: transparent;
   		margin-top: -70px;
		
	}
	
	#sobreMobile{
		margin-top: 20px;
		font: 15px exomediun;
		color: #6e6e6e;
		text-align: justify; text-align-last: center;
	}
	
	

}


/* Telefone em landscape a tablet em portrait */
@media (max-width: 767px) and (orientation : portrait) {
	.headerPage{
		display: none;
	}
	
	.headerPageMobile{
		display: block !important;
	}
	
	#headerTituloMobile{
		margin-top: 36px;
		font: 13px bitterBold;
		color: #006837;
	}
	#logoMobile{
		margin-top: 20px;
		max-width: 80px;
		margin-left: -10px;
		
		
	}
	
	.navbar {
   		background: transparent;
   		border-color: transparent;
   		margin-top: -70px;
	}
	
	#sobreMobile{
		margin-top: 20px;
		font: 15px exomediun;
		color: #6e6e6e;
		text-align: justify; text-align-last: center;
	}
}


@media (max-width: 767px) and (orientation : landscape) {
	.headerPage{
		display: none;
	}
	
	.headerPageMobile{
		display: block !important;
	}
	
	#headerTituloMobile{
		margin-top: 36px;
		font: 13px bitterBold;
		color: #006837;
	}
	#logoMobile{
		margin-top: 20px;
		max-width: 80px;
		margin-left: -10px;		
	}
	
	.navbar {
   		background: transparent;
   		border-color: transparent;
   		margin-top: -70px;
	}
	
	#sobreMobile{
		margin-top: 20px;
		font: 15px exomediun;
		color: #6e6e6e;
		text-align: justify; text-align-last: center;
	}	
	
	#contatoTop{
		display: none !important;
	}
}


/* ipad mini - air etc */
@media (min-width: 768px) and (max-width: 1024px) { 
	.carousel-inner img {
   
    width: 100%; /* Set width to 100% */
    max-height: 550px;
	}

	#myCarousel{
		position: relative;
		margin-top: -30px !important;
	}

	#myCarousel img{
		position: relative;
		margin-top: -30px !important;
	}



	#sobreEmpresa{		
		font:16px exomediunita;
		color: #6e6e6e;
		margin-top: 30px;
		line-height: 1.8;		
	}

	.headerContatos{
		display: none !important;
	}


	/*
	 * Custom styles
	 */
	.navbar-brand {
	    font-size: 24px;
	}

	.navbar-nav li a:hover {
	      background-color: #53846c !important;
	  }

	.navbar-nav li.active a {
	      color: #fff !important;
	      background-color: #53846c !important;
	  }

	.navbar li a, .navbar .navbar-brand { 
	      color: #fff200 !important;
	      font:22px bitter;
	      
	  }
	  .navbar ul {
	  	margin-right: 60px;
	  }

	.navbar{
		margin-top: 60px ;
		background-color: #006837;
		font-size: 11px !important;
	    letter-spacing: 1px;
	    opacity: 0.8;
	}

	.navbar img{
	  	position: absolute;
	  	margin-top: 0px;
	  	
	  	width: 100px;
	  }

	.navbar.navbar-fixed-top.fixed-theme {
	    background-color: #006837;
	    border-color: #080808;
	    box-shadow: 0 0 5px rgba(0,0,0,.8);
	    margin-top: 0px !important;
	    opacity: 1;
	}

	.navbar-brand.fixed-theme {
	    font-size: 18px;
	}

	.navbar-container.fixed-theme {
	    padding: 0;
	}

	.navbar-container.fixed-theme img{
		width: 80px;
		margin-top: 0px !important;
		position: none;
		
	}
	.navbar-brand.fixed-theme,
	.navbar-container.fixed-theme,
	.navbar.navbar-fixed-top.fixed-theme,
	.navbar-brand,
	.navbar-container{
	    transition: 0.8s;
	    -webkit-transition:  0.8s;
	    margin-top: 0px !important;
	}
	
	.headerPageMobile{
		display: none;
	}
	
	
	
	.colVazia{
		display:none;
	}
 }
 
 
/* Desktop grande */
@media (min-width: 1025px) { 
	.carousel-inner img {
   
    width: 100%; /* Set width to 100% */
    max-height: 550px;
	}

	#myCarousel{
		position: relative;
		margin-top: -30px !important;
	}

	#myCarousel img{
		position: relative;
		margin-top: -30px !important;
	}



	#sobreEmpresa{		
		font:16px exomediunita;
		color: #6e6e6e;
		margin-top: 30px;
		line-height: 1.8;
		text-align: justify; text-align-last: center;
	}

	.contatoTop{
		
	  background-image: url('../img/contato_headers.png');
	  background-repeat: no-repeat;
	  z-index: 10;
	  position: absolute !important;
	  margin-left: 500px;
	 opacity: 1;
	 font:14px exomediunita;
		color: #065d2e;

	}

	.barraContatos{		
		margin-top: 5px;
	}
	.barraContatos > div{width:18%;}


	/*
	 * Custom styles
	 */
	.navbar-brand {
	    font-size: 24px;
	}

	.navbar-nav li a:hover {
	      background-color: #53846c !important;
	  }

	.navbar-nav li.active a {
	      color: #fff !important;
	      background-color: #53846c !important;
	  }

	.navbar li a, .navbar .navbar-brand { 
	      color: #fff200 !important;
	      font:22px bitter;
	      margin-right: 20px;
	  }
	  .navbar ul {
	  	margin-right: 60px;
	  }

	.navbar{
		margin-top: 60px ;
		background-color: #006837;
		 font-size: 11px !important;
	      letter-spacing: 1px;
	     opacity: 0.8;
	}

	.navbar img{
	  	position: absolute;
	  	margin-top: -40px;
	  	margin-left: 100px;
	  	width: 140px;
	  }

	.navbar.navbar-fixed-top.fixed-theme {
	    background-color: #006837;
	    border-color: #080808;
	    box-shadow: 0 0 5px rgba(0,0,0,.8);
	    margin-top: 0px !important;
	    opacity: 1;
	}

	.navbar-brand.fixed-theme {
	    font-size: 18px;
	}

	.navbar-container.fixed-theme {
	    padding: 0;
	}

	.navbar-container.fixed-theme img{
		width: 80px;
		margin-top: 0px !important;
		position: none;
		
	}
	.navbar-brand.fixed-theme,
	.navbar-container.fixed-theme,
	.navbar.navbar-fixed-top.fixed-theme,
	.navbar-brand,
	.navbar-container{
	    transition: 0.8s;
	    -webkit-transition:  0.8s;
	    margin-top: 0px !important;
	}
	
	.headerPageMobile{
		display: none;
	}
	
	
}









@font-face {
     font-family: bitter;
     src: url('..\fonts\Bitter-Regular_0.otf');
	}
	
@font-face {
     font-family: bitterBold;
     src: url('..\fonts\Bitter-Bold_0.otf');
	}
	
	
@font-face {
     font-family: mayriadregular;
     src: url('..\fonts\MyriadPro-Regular.otf');
	}
	
@font-face {
     font-family: exomediun;
     src: url('../fonts/Exo-Medium.otf');
}


@font-face {
     font-family: exomediunita;
     src: url('../fonts/Exo-Medium-Italic.otf');
}