@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('./img/unicornio/brandon-grotesque-bold-587bd6400afd0-webfont.woff2') format('woff2'),
         url('./img/unicornio/brandon-grotesque-bold-587bd6400afd0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.unicornio{
	background: #fff;
	font-family: 'brandon_grotesquebold', sans-serif;
	width: 1240px;
	margin: auto;
	color: #000;
	margin-top: -20px;
}

.unicornio .cabecera{
	width: 100%;
	margin: auto;
}

.unicornio .cabecera img{
}

.unicornio .video{
	width: 1240px;
	height: 700px;
	background: url(./img/unicornio/ES/fondo-video.jpg);
	color: #8d398a;
	padding-left: 257px;
	padding-right: 257px;
	box-sizing: border-box;
	padding-top: 80px;
	font-size: 30px;
}

.unicornio .bloque1{
	position: relative;
	box-sizing: border-box;
	width: 1240px;
	height: 1101px;
	background: url(./img/unicornio/ES/bloque1.jpg);
	padding-left: 110px;
    padding-right: 690px;
    padding-top: 200px;
    font-size: 31px;
    text-align: justify;
}

.unicornio .titulo{
	font-size: 50px;
}

.unicornio .bloque2{
	position: relative;
	width: 1240px;
	height: 576px;
	background: url(./img/unicornio/ES/bloque2.jpg);
}

.unicornio .bloque3{
	position: relative;
	width: 1240px;
	height: 947px;
	background: url(./img/unicornio/ES/bloque3.jpg);
	font-size: 20px;
}

.unicornio .bloque4{
	position: relative;
	width: 1240px;
	height: 683px;
	background: url(./img/unicornio/ES/bloque4.jpg);
	text-align: center;
	padding-top: 250px;
	box-sizing: border-box;
}

.unicornio .bloque{
	padding: 10px;
	max-width: 1240px;
	min-width: 1240px;
	box-sizing: border-box;
	margin: auto;
}

.unicornio .rosa{
	color: #f25da5;
}

.unicornio .columna1, .unicornio .columna2{
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-left: 165px;
    padding-right: 130px;
    font-size: 20px;
    text-align: justify;
}


.unicornio .columna1{
	padding-left: 190px;
}

.unicornio .columna3{
	position: absolute;
	width: 40%;
	top: 410px;
	left: 134px;
}


.unicornio .descarga{
	position: absolute;
	top: 760px;
	right: 134px;
}

.responsive{
	display: none;
}

.boton{
	height: 123px;
}

.boton:hover{
	opacity: .7;
}

@media (max-width: 640px){

	.responsive{
		display: inline-block;
	}

	.noresponsive{
		display: none;
	}
	
	.unicornio{
		margin-top: 0px;
		width: 100%;
	}
	
	.unicornio .video{
		width: 100%;
		background-position: bottom;
		background-size: cover;
		padding: 30px;
		height: inherit;
		font-size: 23px;
	}
	
	.cabecera{
		height: inherit !important;
	}
	
	.video iframe{
		height: 250px;
	}
	
	.bloque1, .bloque2, .bloque3, .bloque4{
		width: 100% !important;
		height: inherit !important;
		background: #fff !important;
		padding: 20px !important;
		font-size: 26px !important;
	}
	
	.columna1, .columna2, .columna3{
		width: 100% !important;
		padding: 20px !important;
		float: none !important;
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
	}
	
	.columna3{
		font-size: 16px !important;
	}
	
	.unicornio .descarga{
		position: relative;
		top: 0;
		right: 0;	
	}
	
	.unicornio .titulo{
		font-size: 37px;
	}
		
}