@font-face{
  font-family: "Arial Rounded MT";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/arlrdbd.ttf);
}
body{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden;
	background-image: url(../img/fondo.png);
	background-size: cover;
}
a{
	color: #fff;
	text-decoration: none;
}
a:visited{
	color: #fff;
}
div.title{
	position: relative;
	display: table;
	height: 100vh;
	padding-left: 10%;
	width: 100%;
}
div.title .text{
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-family: "Arial Rounded MT";
}
div.title .text .contenido{
	color: #fff;
	font-size: 3.2rem;
	line-height: 1;
}
div.title .text .contenido p{
	width: 49%;
}
div.title .text p.border{
	font-size: 2.5rem;
	font-family: "Arial Rounded MT";
	border-top: 1px solid #fff;
	padding-top: 13px;
}
div.title .text h2{
	font-weight: 100;
	transition: .5s;
}
div.title .text h2 span.peque{
	font-size: 3.8rem;
}
div.title .text h2 span.mediano{
	font-size: 4.2rem;
}
#myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
}
.red{
	color: #09cbfc;
}
img.logo{
	position: absolute;
	top: 8%;
	left: 10%;
	width: 15%;
}
.footer{
	position: absolute;
	bottom: 5%;
	font-size: 1rem;
	z-index: 3;
	color: #fff;
	left: 9%;
	font-family: "Arial";
}
.footer p{
	width: 67%;
}
.footer p:first-child{
	font-size: 1.2rem;
}
.raya{
	width: 20%;
	border: 1px solid #09cbfc;
}
@media(width: 1922px) and (height: 949px){
	div.title .text .contenido{
		font-size: 2.5rem;
	}
	div.title .text h2 span.peque {
    	font-size: 3.2rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3.5rem;
	}
}
@media(width: 1920px) and (height: 974px){
	div.title .text .contenido{
		font-size: 2.8rem;
	}
	div.title .text h2 span.peque{
		font-size: 3.2rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3.8rem;
	}
}
@media(width: 1920px) and (height: 957px){
	div.title .text .contenido{
		font-size: 2.6rem;
	}
	div.title .text h2 span.peque{
		font-size: 3rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3.6rem;
	}
}
@media(width: 1902px) and (height: 920px){
	div.title .text .contenido{
		font-size: 2.5rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.9rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3.5rem;
	}
}
@media(max-width: 1600px){
	div.title .text .contenido{
		font-size: 2.5rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.9rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3.5rem;
	}
}
@media(width: 1536px) and (height: 732px){
	div.title .text .contenido{
		font-size: 1.9rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.5rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 2.7rem;
	}
	div.title .text p.border{
		font-size: 1.8rem;
		width: 43.5%;
	}
	.footer p{
		margin: 5px 0;
	}
}
@media(max-width: 1390px){
	div.title .text .contenido{
		font-size: 1.8rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.4rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 2.6rem;
	}
	div.title .text p.border{
		font-size: 1.8rem;
	}
	.footer{
		font-size: .9rem;
	}
	.footer p{
		margin: 5px 0;
	}
}
@media(width: 1366px) and (height: 662px){
	div.title .text{
		font-size: 1.9rem;
	}
}
@media(width: 1326px){
	.footer{
		font-size: .8rem;
	}
}
@media(max-height: 620px){
	div.title .text .contenido {
    	font-size: 1.7rem;
	}
	div.title .text h2 span.peque {
    	font-size: 2.2rem;
	}
	div.title .text p.border {
    	font-size: 1.6rem;
    	width: 44%;
	}
	div.title .text h2 span.mediano{
		font-size: 2.4rem;
	}
	div.title .text p.border {
    	font-size: 1.5rem;
	}
}
@media(width: 1024px){
	div.title .text .contenido{
		font-size: 2.1rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.5rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 3rem;
	}
}
@media(width: 1024px) and (height: 1366px){
	img.logo{
		width: 20%;
	}
	div.title .text .contenido {
    	font-size: 3.5rem;
	}
	div.title .text h2 span.peque{
		font-size: 4rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 4.5rem;
	}
}
@media(width: 1024px) and (height: 600px){
	div.title .text .contenido{
		font-size: 1.7rem;
	}
	div.title .text h2 span.peque{
		font-size: 2.1rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 2.4rem;
	}
	.footer{
		font-size: .7rem;
	}
}
@media(max-width: 768px){
	img.logo{
		width: 25%;
	}
	div.title .text .contenido p {
    	width: 80%;
    	font-size: 1.5rem;
	}
	div.title .text .contenido {
    	font-size: 2.1rem;
	}
	.footer img{
		vertical-align: bottom;
	}
}
@media(width: 600px) and (height: 1024px){
	div.title .text h2 span.mediano {
    	font-size: 3rem;
	}
	div.title .text .contenido {
    	font-size: 2.1rem;
	}
	div.title .text h2 span.peque {
    	font-size: 2.7rem;
	}
}
@media(width: 640px) and (height: 360px){
	div.title .text p.border{
		width: 75%;
    	font-size: 1.3rem;
	}
	img.logo{
		width: 13%;
	}
	div.title .text .contenido{
		font-size: 1.1rem;
	}
	div.title .text h2 span.peque{
		font-size: 1.2rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 1.5rem;
	}
	.footer{
		font-size: .5rem;
	}
	.footer p{
		margin: 3px;
	}
}
@media(max-width: 414px){
	div.title .text .contenido p {
    	font-size: 1rem;
	}
	div.title .text .contenido {
    	font-size: 1.8rem;
	}
	div.title .text{
		font-size: 1.6rem;
	}
	div.title .text p{
		font-size: 1rem;
	}
	div.title{
		padding: 0 10%;
	}
	div.title .text h2 span.peque {
    	font-size: 2.3rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 2.4rem;
	}
	.footer{
		font-size: .7rem;
	}
}
@media(max-width: 375px){
	div.title .text {
    	font-size: 1.2rem;
	}
	div.title .text .contenido {
    	font-size: 1.3rem;
	}
	div.title .text h2 span.peque {
    	font-size: 1.7rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 1.9rem;
	}
	.footer p{
		margin: 5px 0;
	}
}
@media(max-width: 360px){
	div.title .text {
    	font-size: 1.4rem;
	}
}
@media(max-width: 320px){
	div.title .text .contenido {
    	font-size: 1.4rem;
	}
	div.title .text h2 span.peque {
    	font-size: 1.8rem;
	}
	div.title .text h2 span.mediano {
    	font-size: 2rem;
	}
	.footer {
    	font-size: .6rem;
	}
	div.title .text {
    	font-size: 1.2rem;
	}
	div.title .text p{
		font-size: 0.7rem;
	}
}