/*
    /////////////////////////////////////////////////////////
    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

/* 
font-family: 'Futura Medium'
font-family: 'Futura Light'
font-family: 'Futura Book'
font-family: 'Futura Bold'


    ------------------------
    MOBILE LAYOUT
    ------------------------

    1.  CABECERA
    2. PROYECTO CABECERA
    3. LISTADO DE PROYECTOS
	4. BLOQUE TEXTO HOME
	5. NOTICIAS

*/


@media (max-width: 767px) {
	
/* 1. CABECERA
---------------------------------*/	
	
	body.path-frontpage .view-display-id-block_3 .field--name-field-paragraph {
		margin-top: 58px;
	}
	
	body.path-frontpage section.block-views-blockproyectos-block-3 .view-display-id-block_3 .caption::after { /* fondo blanco para titulo*/
		background-color: #FFF;
		position: absolute;
		width: 100%;
		content: " ";
		left: 0;
		opacity: 0.0;
		height: 100px;
		bottom: 0;
		z-index: -5;
	}
	
	body.path-frontpage section.block-views-blockproyectos-block-3 .views-field-field-image img {
       height: calc(100vh - 50px);
	}
	
/* 4. BLOQUE TEXTO HOME
---------------------------------*/	
	
	section.block-block-content2b1f7c8c-9f53-41cf-8acb-45cb9dac6115 .field--name-field-cuerpo {
		line-height: 1.2;
		font-size: 6vw;	
	}
	
	section.block-block-content2b1f7c8c-9f53-41cf-8acb-45cb9dac6115 {
		margin-left: -15px;
		margin-right: -15px;
	}
	
	section.block-block-content2b1f7c8c-9f53-41cf-8acb-45cb9dac6115 .field--name-field-enlace {
		margin-top: 6vh;
		padding-bottom: 2vh;
	}
	
	section.block-block-content2b1f7c8c-9f53-41cf-8acb-45cb9dac6115 .field--name-field-enlace a {
		font-size: 3vh;
	}
	
	section.block-block-content2b1f7c8c-9f53-41cf-8acb-45cb9dac6115 .field--name-field-enlace a::after {
		width: 45px;
	}
	
	body.path-frontpage section.block-views-blockproyectos-block-1 {
		display: block;
		margin-left: -15px;
		margin-right: -15px;
	}
	

	
	/* 5. NOTICIAS
---------------------------------*/	
	.block-views-blocknoticias-block-1 {
		padding-top: 6vh;
	}
	
	#views-bootstrap-noticias-block-1 .row div.col-1 {
		padding-bottom: 10vh;
	}
	
		#views-bootstrap-noticias-block-1 .row div:last-child.col-1 {
		padding-bottom: 5vh;
	}
	

	
}