body {
  font-family: 'Alexandria', sans-serif;
}
.decorativo {
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
/*frame 1             */
.mediocirucloamarillo {
	top: 40%;
	right: -3%;
	width: 182px;
	height: 182px;
}

.estrellitaamarilla {
	top: 0%;
	right: 25%;
	width: 38px;
	height: 36px;
}


.mediocirculorosa {
	top: -10%;
	left: -1%;
	width: 204px;
	height: 204px;
}



.estrellitaamarillaabajo {
	top: 80%;
	left: 7%;
	width: 28px;
	height: 26px;
}



.estrellablanca {
	top: 43%;
	left: 37%;
	width: 44px;
	height: 47px;
}

/*frame 2            */


.vectorwavyfirst-asterisco {
	bottom: 40%;
	right: 23%;
	width: 30px;
	height: 33px;
	z-index: 999;
}

.vectorwavyfirst-estrellita {
	top: 37%;
	left: 20%;
	width: 38px;
	height: 36px;
	z-index: 999;
}

/*frame 3             */


.prueba-deco-left {
	position: absolute;
	left: 0;
	top: 20%;
	height: 50%;
	z-index: 1;
}



.prueba-deco-right {
	position: absolute;
	right: 0;
	top: 30%;
	transform: translateY(-50%);
	height: 200px;
	z-index: 1;
}


.prueba-card-vector-left {
	padding-left: 40px;
	padding-right: 40px;
	left: 0;
	top: 0;
	width: 367px;
	height: 100%;
	z-index: -99;
}

.prueba-card-vector-right {
	padding-left: 40px;
	padding-right: 40px;
	right: 0;
	bottom: 0;
	width: 367px;
	height: 100%;
	z-index: -99;
}

/*frame 4             */


/* Decoraciones */
.decor-espiral-amarillo {
	
	top: 30px;
	left: 0;
	width: 120px;
	
}

.decor-nube-amarilla {
	
	top: 0;
	right: 0;
	width: 120px;
	
}

.decor-asterisco-azul {
	
	left: 330px;
	bottom: 25px;
	width: 36px;
	
}

.decor-espiral-azul {
	
	right: 0;
	bottom: 0;
	width: 120px;
	
}

.decor-asterisco-rosa {
	
	top: 40px;
	right: 180px;
	width: 36px;

}


/*frame 5             */

.quien-joy-asterisco-grande {
	
	left: 215px;
	top: 397px;
	width: 261px;
	height: 261px;
	
}

.quien-joy-asterisco-naranja {
	
	right: 238px;
	top: 290px;
	width: 227px;
	height: 222px;
	
}

.quien-joy-mba-blanco {
	
	left: 220px;
	bottom: 260px;
	width: 299px;
	height: 284px;
	
}

.quien-joy-mba-rosa {
	
	right: 180px;
	bottom: 180px;
	width: 600px;
	height: 470px;
	
}

.quien-joy-asterisco-amarillo-arriba {
	
	right: 335px;
	top: 195px;
	width: 46px;
	height: 51px;
	
}

.quien-joy-asterisco-amarillo-abajo {
	
	left: 190px;
	bottom: 230px;
	width: 48px;
	height: 53px;
}

.quien-joy-rayas-naranja {
	
	left: 670px;
	bottom: 215px;
	width: 289px;
	
}


/*frame 6             */

/*<!-- Vector5 asteriscocorto --><!-- Vector4 ondulacion --><!-- Vector3 estrellablanca --><!-- Vector2 circulazul --><!-- Vector1 Mancharosa -->*/
.vector1 {

	z-index: 1;
	width: 542px;
	height: 580px;
	top: 72px;
	left: -64px;
}
.vector2 {

	z-index: 99;
	top: 40px;
	right: 0px;
	width: 253px;
	height: 252px;
}
.vector3 {
	
	z-index: -99;
	top: 535px;
	left: 500px;
	width: 44px;
	height: 43px;
}
.vector4 {
	
	left: 50px;
	top: 0;
	width: 360px;
	height: 100%;
	z-index: -99;
}
.vector5 {
	
	z-index: -99;
	top: 460px;
	left: 810px;
	width: 379px;
	height: 200px;
}

/*frame 7             */

.comVector-1 {
	
	
	width: 126px;
	height: 121px;
	top: 43.23px;
	left: 920.69px;
}

.comVector-2 {
	
	
	width: 55px;
	height: 47px;
	top: 93px;
	left: 310px;
}

.comVector-3 {
	
	
	width: 57px;
	height: 54px;
	top: 260px;
	left: 214px;
}
.comVector-4 {
	
	width: 30px;
	height: 33px;
	top: 352px;
	left: 1039px;
}

.comVector-6 {
	
	width: 346px;
	height: 329px;
	top: 41px;
	left: 393.93px;
}

.comVector-7 {
	
	width: 423px;
	height: 422px;
	top: 40px;
	left: 1167px;
}

/*frame 8             */

.comFaceVector-2 {
	
	z-index: 0;
	width: 427px;
	height: 422px;
	bottom: 0px;
	left: -100px;
}

/*frame 9            */



.teamVector-1 {
	
	left: 0px;
	top: 80px;
	
}

.teamVector-2 {
	
	width: 30px;
	height: 33px;
	top: 385px;
	left: 956px;
}

.teamVector-3 {
	
	width: 55px;
	height: 47px;
	top: 259px;
	left: 447px;
}


.teamVector-4 {

	width: 52px;
	height: 49px;
	bottom: 100px;
	left: 275px;
}

.teamVector-5 {
	
	top: 130px;
	right: 0px;
}



@media screen and (max-width: 4000px) and (orientation: portrait) {
  .decorativo {
    display: none;
    ;
  }
}


@media screen and (min-width: 1024px) and (min-height: 800px) and (orientation: landscape) {
 .decorativo {
    display: none;
    ;
  }

}

@media screen and (max-width: 950px){
 .decorativo {
    display: none;
    ;
  }
}