body,html{
	height: 100%;
	color: white;
}

header{
	width: 100%;
	height: 100%;
	background: black;
}

h1{
	text-align: center;
	padding:150px 0px;
	margin: 0;
}

.alto{
	height: 100%;
}

.no-pad{
	padding:0;
}

.no-mar{
	margin: 0;
}


.ani{
	position: relative;
}

.cont-video{
	height: 100%;
	width: 100%;
	background: black;
}

.cont-imagen{

}

img{
	width: 520px;
	bottom: 0;
}

.uno{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 0ms;
    transition: opacity 1s ease 0ms;
}

.dos{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 200ms;
    transition: opacity 1s ease 200ms;
}

.tres{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 400ms;
    transition: opacity 1s ease 400ms;
}

.cuatro{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 600ms;
    transition: opacity 1s ease 600ms;
}

.cinco{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 800ms;
    transition: opacity 1s ease 800ms;
}

.seis{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 1000ms;
    transition: opacity 1s ease 1000ms;
}

.siete{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 1200ms;
    transition: opacity 1s ease 1200ms;
}

.ocho{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 1400ms;
    transition: opacity 1s ease 1400ms;
}

.nueve{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 1600ms;
    transition: opacity 1s ease 1600ms;
}

.diez{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 1800ms;
    transition: opacity 1s ease 1800ms;
}

.once{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 2000ms;
    transition: opacity 1s ease 2000ms;
}

.doce{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 2200ms;
    transition: opacity 1s ease 2200ms;
}

.trece{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 2400ms;
    transition: opacity 1s ease 2400ms;
}

.catorce{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 2600ms;
    transition: opacity 1s ease 2600ms;
}

.quince{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 2800ms;
    transition: opacity 1s ease 2800ms;
}

.dieciseis{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 3000ms;
    transition: opacity 1s ease 3000ms;
}

.diecisiete{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 3200ms;
    transition: opacity 1s ease 3200ms;
}

.dieciocho{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	opacity: 1;
    -webkit-transition: opacity 1s ease 3400ms;
    transition: opacity 1s ease 3400ms;
}


.diecinueve{
	left: 50%;
    transform: translate(-50%);
	position: absolute;
	display: block;
}