@media (max-width: 700px){
	
	.page{
		width: 98%;
		padding: 1%;
	}
	
	.buscador{
		display: none;
	}
	
	.site-header{
		width: 100%;
	}
	
	.site-branding{
		width: 100%;
	}
	
	.site-title{
		margin: auto;
		position: relative;
	}
	
	.site-title a{
		margin: auto;
		margin-bottom: 20px;
		margin-top: 20px;
		width: 300px;
		background-size: contain;
	}
	
	.megabanner{
		position: relative;
		right: 0px;
		top: 0px;
		display: none;
	}	
	
	.megabanner_350{
		display: block;
	}
	
	.page .pagina{
		margin: auto;
		width: 100%;
		padding: 2%;
	}

	.especial .columna1{
		width:100%;
	}
	
	.especial .columna1 .contenido{
		width: 100%;
	}

	.especial, .especial .columna1{
		height: 350px;
	}
	
	.especial .columna1 .contenido h1, .especial .columna1 .contenido h1 a{
		font-size: 30px;
		line-height: 30px;
	}
	
	.especial p{
		display: none;
	}
	
	.revista{
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	
	.revista h1{
		font-size: 25px;
		line-height: 25px;		
	}
	
	.revista h2{
		font-size: 20px;	
		line-height: 20px;	
	}
	
	.revista .columna1{
		width: 100%;
		height: 400px;
		clear: both;
		position: relative;
		overflow: hidden;
	}
	
	.revista .columna2{
		width: 100%;
		max-width: 100%;
		height: 400px;
		clear: both;
		overflow: hidden;
		position: relative;
	}
	
	.revista .columna3{
		width: 100%;
		max-width: 100%;
	}
	
	.revista .columna3 .item1, .revista .columna3 .item2{
		width: 100%x;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	
	.revista .columna1 .contenido{
		width: 100%;
		padding: 20px;
		font-size: 26px;
	}
	
	.revista .columna2 .contenido{
		width: 100%;
		padding: 20px;
		font-size: 26px;
	}
	
	.revista .columna3 .contenido{
		width: 100%;
		padding: 20px;
		font-size: 26px;
	}
	
	.revista .columna1 .contenido p, .revista .columna2 .contenido p{
		display: none;
	}
	
	/************** bloque ******************************/
	
	.bloque h1{
		font-size: 18px;
		line-height: 17px;		
	}
	
	.bloque h2{
		font-size: 14px;	
		line-height: 13px;	
	}
	
	.bloque{
		width: 100%;
	}
	
	.bloque .columna1{
		float: left;
		width: 50%;
		overflow-x: hidden;
		height: 500px;
		position: relative;
		
	}
	
	.bloque .columna1 .lienzo{
		width: 300%;
		position: absolute;
		top: 0px;
		left: 0px;
	
	
	}
	
	.bloque .columna1 .imagen{
		width: 100%;
		height: 330px;
	}
	
	.bloque .columna1 .contenido{
		width: 33.33333333333333%;
		float: left;
	}
	
	.bloque .columna2{
		width: 50%;
		padding-left: 10px;
		float: left;
		padding-right: 10px;
		border-right: #f2f2f2 1px solid;
		border-left: #f2f2f2 1px solid;
	}
	
	.bloque .columna2 .imagen, .bloque .columna3 .imagen{
		width: 100%;
		height: 200px;
	}
	
	.bloque .columna3{
		width: 50%;
		padding-left: 1%;
		float: left;
	}
	
	.bloque p{
		display: none;
	}
	
	/*************** bloque2 *********************/
	
	.bloque2{
		width: 100%;
	}
	
	.bloque2 .columna1{
		width: 100%;
		float: left;
		border-right: #f2f2f2 1px solid;
		position: relative;
		margin-top: 20px;
	}
	
	.bloque2 .columna1 .contenido{
		padding-right: 15px;
		padding-top: 50px;
	}
	
	.bloque2 .columna1 .datos_autor .imagen{
		float: left;
		width: 50px;
		height: 50px;
	}
	
	.bloque2 .columna1 .datos_autor .titular{
		width: 120px;
		margin-left: 10px;
		float: left;
	}
	
	.bloque2 .columna1 .datos_autor .titular h1{
		font-size: 20px;
		line-height: 20px;
		margin-top: 0px;
	}
	
	.bloque2 .columna2{
		float: left;
		width: 100%;
		position: relative;
		margin-top: 20px;
		
	}
	
	.bloque2 .columna2 .contenido{
		padding-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}
		
	.bloque2 .columna3{
		float: left;
		margin-top: 20px;
		width: 100%;
		position: relative;
	}	
	
	.bloque2 .columna3 .contenido{
		padding-top: 50px;
		padding-left: 0px;
		padding-right: 20px;
	}
	
	.bloque2 .columna3 .contenido h1{
		font-size: 18px;
		margin-bottom: 0px;
	}
	
	.bloque2 .columna3 .contenido .breve{
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
	.bloque2 .columna4{
		margin-top: 20px;
		float: left;
		padding: 0px;
		width: 100%;
		border-top: #f2f2f2 1px solid;
	}
	
	.bloque2 .columna4 .contenido{
		padding-top: 50px;
	}
	
	
	
	
	.single .imagen .contenido{
		width: 100%;
		height: 300px;
		margin: auto;
		position: relative;
	}
	
	.single .imagen{
		height: 300px;
	}
	
	.single .pagina{
		padding-right: 0px;
		width: 98%;
		padding: 1%;
	}
	
	.single .imagen .contenido .titular{
		width: 50%;
	}
	
	.single .imagen .contenido .titular h1{
		font-size: 34px;
		line-height: 36px;
	}
	
	.single .content-single, .archive .content-archive, .page .content-pagina, .search .content-archive{
		width: 100%;
	}
	
	.single .pagina, .archive .pagina, .page  .content-pagina  .pagina, .search .pagina{
		width: 100%;
	}
	
	.single .widget-area, .archive .widget-area, .page .content-pagina  .widget-area, .search .widget-area{
		display: none;	
	}
	
	.tiled-gallery{
		width: 100%;
	}
	
	
	.archive .pagina{
		padding-right: 0px;
		width: 98%;
		padding: 1%;
	}
	
	.post-archive{
		width: 100%;
		margin-bottom: 70px;
	}
	
	.colum2.post-archive{
		margin-left: 0px;
	}	
	
	
	.contenido-footer{
		width: 98%;
		margin: auto;
	}
	
	.piedefoto{
		display: none;
	}
	
}