.container-animation {
	position: relative;
	width: 100%;
	height: 125vw;
	overflow: hidden;
	background-color: white;
}

@media screen and (min-width: 768px) {
	.container-animation {
		height: 35vw;
	}
}


.container-animation > div,
.container-animation img {
	display: block;
	height: auto;
	width: 100%;
}
.container-animation > div {
	position: absolute;
	overflow: hidden;
}

#bg,
#bg_mobile {
	left: 0px;
	top: 0px;
}

#w1,
#w1_mobile {
	left: 0px;
	top: -9vw;
}

#e1,
#e1_mobile {
	left: 0px;
	top: -9vw;
}

#l1,
#l1_mobile {
	left: 0px;
	top: -9vw;
}

#e1,
#e1_mobile {
	left: 0px;
	top: -9vw;
}

#l1,
#l1_mobile {
	left: 0px;
	top: -9vw;
}

#c1,
#c1_mobile {
	left: 0px;
	top: -9vw;
}

#o1,
#o1_mobile {
	left: 0px;
	top: -9vw;
}

#m1,
#m1_mobile {
	left: 0px;
	top: -9vw;
}

#e2,
#e2_mobile {
	left: 0px;
	top: -9vw;
}

#t1,
#t1_mobile {
	left: 0px;
	top: -9vw;
}

#o2,
#o2_mobile {
	left: 0px;
	top: -9vw;
}

#banda,
#banda_mobile {
	left: 0px;
	top: -9vw;
	width: 2328px;
}

#lineas_blancas,
#lineas_blancas_mobile {
	left: -2.9vw;
	top: -9vw;
}

#tijeras_blancas,
#tijeras_blancas_mobile {
	left: -2.9vw;
	top: -9vw;
}

#lineas_azules,
#lineas_azules_mobile {
	left: -2.9vw;
	top: -9vw;
}

#tijeras_azules,
#tijeras_azules_mobile {
	left: -2.9vw;
	top: -9vw;
}

#mascara1,
#mascara1_mobile {
	left: -2.9vw;
	top: -9vw;
}

#mascara2,
#mascara2_mobile {
	left: -2.9vw;
	top: -9vw;
}

#mascara3,
#mascara3_mobile {
	left: -2.9vw;
	top: -9vw;
}

#logo_awwg,
#logo_awwg_mobile {
	left: -2.9vw;
	top: -9vw;
}

#logo_final,
#logo_final_mobile {
	left: -2.9vw;
	top: -9vw;
}

#certificado,
#certificado_mobile {
	left: -3.9vw;
    top: -8.6vw;
}

#capa_blanca,
#capa_blanca_mobile,
#cover,
#cover_mobile {
	background-color: white;
	left: 0;
	top: 0;
	height: 100%;
}