@media screen and (min-width:320px) {
	.portfolio-elements li {width: 50%;}
}
@media screen and (min-width:450px) {

	/** Overlay encima del slider de imagenes "quienes_somos" ===================================== **/
	.image-caption-wrapper {
		padding: 10px;
		border-left-width: 3px;
	}
	.image-caption {
		font-size: 18px; 
	}
}
@media screen and (min-width:600px) {
	body {
		font-size: 16px;
	}
	h1 {
		margin-bottom: 4px;
		font-size: 64px; 
	}    
	h2 {
		font-size: 38px;
	}
	.parallax-slide h3{
		font-size: 38px;
	}
	h3 {
		font-size: 22px; 
	}
	h4 {
		margin-bottom: 6px;
		font-size: 24px; 
	}
	h5 {
		font-size: 20px; 
	}
	h6 {
		font-size: 18px; 
	}
	/** Barra separadora de los titulos =========================================================== **/
	h2 + div.border-bottom-gray {
		margin-top: 18px;
		margin-bottom: 16px;
	 }
	/** Descripcion de los titulos ================================================================ **/
	.text-caption {
		font-size: 18px; 
	}
	/** Overlay encima del slider de imagenes "quienes_somos" ===================================== **/
	.image-caption-wrapper {
		padding: 15px;
		border-left-width: 4px;
	}
	.image-caption {
		font-size: 22px; 
	}
	.subpage {
		padding-top: 72px;
	}
	.subpage:first-child {
		padding-top: 48px;
	}
	.subpage-title > div {
		padding-bottom: 24px;
	}
	.subpage-body {
		padding-top: 24px;
		/*padding-bottom: 24px;*/
		padding-bottom: 72px;
	}
	.subpage-body.row {
		padding-top: 0px;
	}
	.subpage-body.row [class*="col-"] {
		padding-top: 24px;
	}
}
@media (min-width: 768px) {
	/* Para centrar verticalmente las filas col-xs/sm/md/lg-* */
	/*.row.vertical-align {
		 display: flex;
		 align-items: center;
	}*/
	.vertical-align {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	}
	.vertical-align > [class^="col-"],
	.vertical-align > [class*=" col-"] {
	  display: flex;
	  flex-direction: column;
	  /*align-items: center;*/
	  justify-content: center;
	}
	.carousel-content {
		max-width: 90%;
	}
}
@media (min-width: 992px) {
	a.logo.relleno span.logo_in, 
	a.logo.relleno span.logo_g, 
	a.logo.relleno span.logo_out {
		font-size: 40px;
	}
	a.logo.relleno img {
		width: 64px;
		height: 64px;
	}
	a.logo.relleno {
		display: block;
		position: relative;
		margin-top: 75px;
	}
}
@media screen and (min-width:1180px) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 82px; 
	}    
	h2 {
		font-size: 48px;  
	}
	.parallax-slide h3{
		font-size: 48px;
	}
	h3 {
		font-size: 36px;  
	}
	h4 {
		margin-bottom: 12px;
		font-size: 26px; 
	}
	h5 {
		font-size: 24px;  
	}
	h6 {
		font-size: 18px;  
	}
	/** Barra separadora de los titulos =========================================================== **/
	h2 + div.border-bottom-gray {
		margin-top: 22px;
		margin-bottom: 20px;
	 }
	/** Descripcion de los titulos ================================================================ **/
	.text-caption {
		font-size: 20px; 
	}
	/** Overlay encima del slider de imagenes "quienes_somos" ===================================== **/
	.image-caption-wrapper {
		padding: 20px;
		border-left-width: 5px;
	}
	.image-caption {
		font-size: 26px; 
	}
	.nav-dots span.nav-dot-current {
		box-shadow: 
			0 1px 1px rgba(255,255,255,0.6), 
			inset 0 1px 1px rgba(0,0,0,0.1), 
			inset 0 0 0 3px #500000,
			inset 0 0 0 8px #fff;
	}
	/** Contenido de la pagina ==================================================================== **/
	#subpage-wrapper {
		padding-top: 76px
	}
	/** Menu superior ============================================================================= **/
	#menu-top {
		min-height: 76px;
		text-align: right;
		box-shadow: none;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	#menu-top.show-menu-top {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		-ms-transition: none;
		transition: none;
	}
	/** Logo del menu superior ==================================================================== **/
	a.logo {
		position: absolute;
		top: 0;
		left: 0; 
		height: 76px;
	}
	a.logo span.logo_in, 
	a.logo span.logo_g, 
	a.logo span.logo_out {
		font-size: 40px;
	}
	a.logo img {
		width: 64px;
		height: 64px;
	}
	#menu-top .nav-lang {
		display: block;
		margin-top: 10px;
		margin-right: 23px;
		height: 18px;
	}
	#menu-top .nav-main {
		display: block;
		height: 48px;
		box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);
	}
	#menu-open-button {
		display: none;
	}
	.contact_form_wrapper .input_wrapper, .contact_form_wrapper .textarea_wrapper  {
		margin: 18px 0;	
	}
	.contact_form_wrapper .progress-button {
		margin: 24px;
	}
}
@media screen and (min-width:1250px) {
	#menu-top .nav-main ul {
		max-width: 980px;
	}
}
@media screen and (min-width:1320px) {
	#menu-top .nav-main ul {
		max-width: 1050px;
	}
}