@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1440px) {
  .item3 img{
    width: 100%
  }
}


@media screen and  (max-width: 980px) and (orientation: landscape) {  

  .blue {
    width: 100%;
    }
	  
	  .column{
 position:relative;
    width: 50%;
	padding: 2px;
	
}
	  
	  .filtros a{display: inline-block; margin: 3px;}

}



@media screen and  (max-width: 980px) and (orientation: portrait) {  

  .blue {
    width: 100%;
    }
	  
.column{
position:relative;
width: 50%;
padding: 2px;	
}
	  
	  .filtros a{display: inline-block; margin: 3px;}

}




/*CELULAR*/
@media (min-width: 220px) and (max-width: 600px) and (orientation:portrait) { 
/*========= FONTES DO SLIDER ===========*/
	
	.gfont{font-size: 18px;}
	
	.mobFont{
	 font-size: 33px;
	 top:50%!important;
	 left:0%;
		
		z-index: 600!important;
	 white-space:normal;
	 margin: 5%!important;
     }

	.mobFont a{
	margin: 0 10px;
	padding:5px!important;
	font-size: 12px!important;
		z-index: 500!important;
	}

.mobFont h3{
	font-size:20px!important;
	line-height: normal!important;
	
	
}  
	
	
	.alturaSlider{
	height: 250px;
	margin: 100px 0 0px 0!important;
	}
	
	
	.black{background-color: #000!important;}
	
	.item3{text-align: center;}
	
}













/* TABLET VERTICAL*/

 @media (min-width: 680px) and (max-width: 980px) and (orientation:portrait) { 	 
/*========= FONTES DO SLIDER ===========*/
	

	
	.item3{text-align: center;}

	 
	  .container {
		 padding: 0;
		 margin: 0;
		 max-width: 100%;
	 }
	 	 .row {
		 padding: 0;
		 margin: 0;
	 }
	 
	 .mobFont{
	
	margin: 60% 0 0 20%!important;
	
}
	 
}





/* TABLET HORIZONTAL*/
@media (min-width: 769px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  {
	 .mobFont{
	
	
	margin: 50% 0 0 100px!important;
	
} 
}