@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
		
		

}

/* FIX OCULTAR BOTÓN MENÚ */
@media screen and (max-width: 2400px) and (min-width: 961px){
    .btn-menu{
        display: none !important
    }   
}


  

 







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

/* 1680
 
=========================================================================*/
@media screen and (max-width: 1680px) and (min-width: 220px){
	
	 
	

	
	.mod-logos img{
		margin-bottom: 10px
	}
    

}








 


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

/* 1440
 
=========================================================================*/
@media screen and (max-width: 1440px) and (min-width: 220px){
	
	



	/* TIPOGRAFIA */
	h1{
		font-size:4rem
	}
	h2{
		font-size:3.4rem
	}
	h3{
		font-size:3rem
	}
	h4{
		font-size:2.6rem
	}
	h5{
		font-size:2.2rem
	}
	h6{
		font-size:1.6rem
	}
	
	p{
		font-size:1.4rem;
		line-height:1.5
	}
	
	article ul li,
	.menu li a{
		font-size:1.4rem; 
	}
	
	.mod-logos{
		padding: 15px
	}
	
	.main-menu{
		bottom: -25px
	}
	
	
	#main{
		padding-top: 50px
	}

	
	header.tit{
		margin-bottom: 20px
	}
	
	#header .ratio-36{
		padding-top: 29% !important
	}
	
	#logo{
		top: 7%
	}
	#logo img{
		max-height: 300px
	}
    
	
	.mod-logos{
		width: 150px
	}
	.mod-logos img{
		max-height: 60px;
		clear: both;
	}
	
	
	
}











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

/* 1340
 
=========================================================================*/
@media screen and (max-width: 1340px) and (min-width: 220px){
	
	
	#header .ratio-36{
		padding-top: 30% !important
	}
	
	#logo img{
		max-height: 250px
	}
	#logo strong{
		font-size: 1.3rem
	}
    
	
	.mod-logos{
		width: 150px
	}
	.mod-logos img{
		max-height: 50px;
		clear: both;
		display: block;
		margin: auto;
		margin-bottom: 8px
	}


}













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

/* 1280
 
=========================================================================*/
@media screen and (max-width: 1280px) and (min-width: 220px){
	
    
    /* TIPOGRAFIA */
	h1{
		font-size:3.6rem
	}
	h2{
		font-size:3.2rem
	}
	h3{
		font-size:2.8rem
	}
	h4{
		font-size:2.4rem
	}
	h5{
		font-size:2rem
	}
	h6{
		font-size:1.55rem
	}

    
    

	/* # HEADER */
		
	
	.menu li{
		padding:0 16px;
	}
	 
	



}


 








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

/* 960
 
=========================================================================*/
@media screen and (max-width: 960px) and (min-width: 220px){
	


	/* HEADER */
	#header .ratio-36{
		padding-top: 0 !important;
		height: 320px
	}
	
	#logo strong{
		left: 25px;
		bottom: 10px
	}
	
	
	/* btn 
	.btn-menu{
		display:block;
	}
	#header.scroll .btn-menu{
		top:16px;
	}
	
	.main-menu.visible .btn-cerrar-menu{
		display:block;
	}
	
	
	/* main menú 
	.main-menu.visible{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		max-width:100%;
		height:100%;
		/*background-color:rgba(231,243,221,.8)
		background-color:rgba(255,255,255,.8)
	}
	#header.scroll .main-menu.visible{
		top:0;
	}
	
	
	/* menú 
	.menu{
		visibility:hidden;
		opacity:0;
		width:220px;
		display:block;
		position:absolute;
		top:0;
		right:-500px;
		background-color:#04B49F;
		padding-top:10px
	}
	.main-menu.visible .menu{
		right:0;
		visibility:visible;
		opacity:1;
	}
	
	.menu li{
		width:100%;
		margin:5px 0
	}
	
	.menu li a{
		width:100%;
		display:block;
		float:left;
	} 

	*/
    
    /* ICO */
    .ico-drop{
        display: block
    }

	
	
	
	.row-article .cols-6{
		width:100%
	}
	article{
		min-height: inherit !important
	}

	

}










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

/* 800
 
=========================================================================*/
@media screen and (max-width: 800px) and (min-width: 220px){

	
	.col-1{
		width:16.6666%
	}
	
	.pl-100,
	.pr-100{
		padding:0 2.5rem;
	}

    
	
	#contacto .cols-4,
	#contacto .cols-8{
		width: 100%
	}

	
}










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

/* 645
 
=========================================================================*/
@media screen and (max-width: 645px) and (min-width: 220px){
	
	
    /* TIPOGRAFIA */
	h1{
		font-size:3.2rem
	}
	h2{
		font-size:3rem
	}
	h3{
		font-size:2.6rem
	}
	h4{
		font-size:2.2rem
	}
	h5{
		font-size:1.9rem
	}


	.cols-1,
	.cols-2{
        width:24.9999%;
    }
	
	.cols-3,
	.cols-4,
	.cols-5{
		width:49.9998%;
	}
    
    .cols-6 .cols-6{
        width: 100%
    }
	
	.cosl-7,
	.cols-8,
	.cols-9{
		width:83.333%
	}
	
	.cols-11{
		width:100%
	}
	
	/* MAIN */
	.main-noticia-final .cols-4{
		width: 100%;
	}
	.main-noticia-final .cols-8{
		width: 100%
	}
	
	/* ASIDE */
	aside{
		width: 100%;
		float: left
	}
	
	
	#logo{
		left: 0;
	}
	#logo strong{
		bottom: 0
	}
	
	.mod-logos{
		right: 20px;
		padding: 8px;
		width: 120px
	}
	
	
	/* MENÚ */
	.main-menu{
		padding: 0 20px
	}
	.menu{
		float: none;
		margin: auto;
		justify-content: center

	}
	.menu li{
		padding: 0 15px
	}
	.menu li:last-child{
		padding-right: 15px
	}
	
	
	/* ARTICLE */
	header.tit{
		margin-bottom: 0
	}
	
	

	.mod-apoya,
	.mod-redes{
		width: 100%;
		float: left;
		margin-left: 0;
		left: 0
	}
	
	
	
	.noticia-gr header.tit{
		margin-bottom: 20px
	}

	
	
}

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

}






 


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

/* 500
 
=========================================================================*/
@media screen and (max-width: 500px) and (min-width: 220px){
	
	[class*=cols-]{
		padding: 1rem
	}
	
	
	.cols-3,
	.cols-4,
	.cols-5, 
	.cols-6,
	.cols-7,
	.cols-8,
	.cols-9, 
	.cols-10,
	.cols-11{
		width:100%; 
	}

 

 
 
}


 




 



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

/* 420
 
=========================================================================*/
@media screen and (max-width: 420px) and (min-width: 220px){
	
	
	
	[class*=cols-]{
		padding: 1rem
	}
	
	
	
	/* HEADER */
	#header .ratio-36{
		height: 400px;
	}
	
	.mod-logos{
		width: 100%;
		top: auto;
		bottom: 40px;
		left: 0;
		right: 0;
		margin: auto;
		height: 60px;
		text-align: center
	}
	.mod-logos a{
		float: none;
		display: inline-block;
		margin: 0 5px
	}
	
	.mod-logos img{
		height: 40px
	}
	.mod-logos a:last-child img{
		margin-bottom: 8px
	}

	
	 
	/* MENÚ */
	.main-menu{
		padding: 0
	}
	.menu li{
		padding: 0 6px
	} 
	.menu li a{
		font-size: 1.25rem
	}

	 
	

	
} 


    






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

/* 360
 
=========================================================================*/
@media screen and (max-width: 360px) and (min-width: 220px){
	
    
    
	

	
	
}