@media (max-width: 359px) {
    #trabajos .imagen-corta{
		height: 150px;
		width: 150px;
	}
	
	#trabajos .texto-corto .open-close-button {
		margin-top:-60px !important;
		margin-left:110px !important;
		
	}
	
	#tituloHeader{
		font-size: 2em !important;
		top:127px !important;
	}
	#subtituloHeader{
		font-size:0.9em !important;
		width: 90% !important;
	}
	
	#expertos .titulo{
		font-size: 1.8em !important;
	}
}

@media (min-width: 360px) and (max-width: 375px) {
    #trabajos .imagen-corta{
		height: 150px;
		width: 170px;
	}
	
	#trabajos .texto-corto .open-close-button {
		margin-top:-60px !important;
		margin-left:120px !important;
		
	}
	
	#tituloHeader{
		font-size: 2em !important;
		top:127px !important;
	}
	#subtituloHeader{
		font-size:0.9em !important;
		width: 90% !important;
	}
}

@media (min-width: 376px) and (max-width: 767px) {
    #trabajos .imagen-corta{
		height: 150px;
		width: 197px;
	}
	
	#trabajos .texto-corto .open-close-button {
		margin-top:-60px !important;
		margin-left:140px !important;
		
	}
}

@media (max-width: 767px) {
	#tituloHeader{
		left: 20px; 
		font-size: 2.5em;
		width: 80%;
		top:115px;
	}

	#sliderHome{
		margin-top:20px;
	}

	#subtituloHeader{
		width:80%;
		top:220px;
	}

	#expertos .titulo, #trabajos .titulo, #contacto .titulo{
		font-size: 2em;    
	}

	#expertos .texto{
		font-size: 1em;
	}
	
	#expertos .contenido{
		text-align: left !important;
	}

	#clientes{
		padding-left: 10px !important;
	}

	#clientes h1{
		font-size: 2em;    
		padding-left: 20px !important;
	}

	#contacto{
		padding-left: 0 !important;
	}

	#contacto .titulo{
		padding-left: 30px !important;
	}

	#contacto .texto{
		font-size: 1em;
	}

	#contacto .datos{
		padding: 10px 10px 30px 30px !important;
	}

	#contacto .social{
		top:90px;
		left:54%;
		z-index: 9 !important;
	}

	#contacto .mapa{
		position: relative;
		left: 0 !important;
		bottom: 0 !important;
		margin: 10px 10px;
		width: 99%;
		height:350px;
	}


	footer{
		height: 100px;
	}

	footer .copy{
		font-size: 0.9em !important;
	}

	footer div.copy{
		margin-top: 20px !important;
	}


	footer div.agencia{
		text-align:left !important;
		padding-top:20px;
	}

	footer .agencia a{
		font-size: .8em !important;
		
	}



    #trabajos .corto{
        /*max-width: 46% !important;*/
    }

	#trabajos .texto-largo{
		margin-bottom:8px !important;
		height: 200px !important;
		padding: 0 !important;
		margin-top:-6px !important;
		
	}

	#trabajos .texto-largo p{
		padding: 5px 2px 2px 2px !important;
		margin-left: -10px !important;
		font-size: 0.95em !important;
	}
	
	#trabajos .texto-largo p span.fecha{
		bottom: 10px;
	}
	#trabajos .row .container-texto-largo{
		padding-left:5px !important;
	}

	#trabajos .imagen-larga{
		padding: 0 !important;
		
		height: 202px;
		
		margin-bottom:8px !important;
	}

	#trabajos .open-close-button {
		margin-top:-120px !important;
		margin-left:-20px !important;
		
	}

	.text {
		font-family: 'Raleway-Regular';
		font-size: 0.9em !important;
		/*white-space: nowrap;    */
		white-space: pre-line;
		padding:2px !important;
		margin:-10px 0 -10px -20px !important;
	}
	.overlay{
		height: 99.2%;
		overflow-y: scroll !important;
	}

	.image-overlay-left .overlay, .image-overlay-left .overlay.open , .image-overlay-right .overlay , .image-overlay-right .overlay.open {
		bottom: 0.5% !important;
	}

    
    
	#trabajos .texto-corto{
		height: 101px;
		
	}

	#trabajo .texto-corto p{
		padding: 5px 2px 2px 2px !important;
		margin-left: -10px !important;
		
	}

	#trabajos .texto-corto.texto{
		padding:0 !important;
		font-size: 0.9em !important;
		line-height: 1.15em !important;
		padding-top: 7px !important;
		
	}

	#trabajos .row div:first-of-type:not(.info){
		padding-left: 5px !important;

	}

	#trabajos .row div.container-texto-largo div.texto{
		padding-left: 15px !important;
	}

	
	
	.image-overlay-top .overlay {
		bottom: 150px;

	}
	
	.image-overlay-top .overlay.open {
		height: 150px;
	}
	
	.image-overlay-bottom .overlay {
		bottom: 101px;	}
	
	.image-overlay-bottom .overlay.open {
		height: 150px;
	}

	#trabajos .image-overlay-left .overlay .text{
		margin-left:0 !important;
	}

	.overlay .text{
	  	font-size:0.8em !important;
	  	line-height: 1em !important;
	  	margin-left: 0 !important;
	}

	#trabajos .imagen-larga:first-child{
		height: 251px !important;
		margin-top: 1px !important;
	}
	
	#trabajos .texto-largo:last-child{
		height: 250px !important;
	}

	#trabajos .texto-largo:last-child p{
		margin-left: 0 !important;
		padding: 5px !important;
		word-wrap: break-word;
	}

	#trabajos .texto-largo:last-child .fecha{
		margin-left: -20px;
	}

	#trabajos .texto-largo:last-child .open-close-button {
		margin-left:-10px !important;
		
	}

	#trabajos .texto-largo{
	    font-size: 1em !important;
	    font-family: 'Raleway-Medium' !important;
	}

	#trabajos .corto .texto-corto.texto{
		font-size: 0.85em !important;
	    font-family: 'Raleway-Medium' !important;
	}

}