body{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
}

.logo{
	width:8vw;
	height:8vw;
	margin:0.3vw;
	
}

.simbolo{
	width:3vw;
	height:3vw;
	margin:0.3vw;
		
}

.fade{
	animation-name: anim1;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	opacity:0;

}

.plano{
	animation-delay: 0s;
	
}

.masuno{
	animation-delay: 0.75s;
			
}

.epix{
	animation-delay: 1.5s;
	
}

.masdos{
	animation-delay: 2.25s;
	
}

.mac{
	animation-delay: 3s;
	
}

.igual{
	animation-delay: 3.75s;
	
}

@keyframes anim1 {
	0% {opacity:0;}
	100% {opacity:1;}
	
}

.logofade{
	width:8vw;
	height:8vw;
	margin:0.3vw;
	opacity:0;
	animation-name: example;
	animation-delay: 4.5s;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}

@keyframes example {
	0% {opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}



.contenedor{
	width:30vw;
	background-color: white;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	}



@media only screen and (max-width: 1200px) {
	body {
		display:flex;
		flex-direction:row;
		justify-content:space-around;
		align-items:center;
	}

	:root{
		font-size:1.2vw;
	}
	.contenedor{
		width:30vw;
		background-color: white;
		display:flex;
		flex-direction:column;
		justify-content:space-around;
		align-items:center;
	}
	.logo{
		width:15rem;
		height:15rem;
		margin:2rem
	}

	.simbolo{
		width:6rem;
		height:6rem;
		margin:0.3rem;
		
}

	.logofade{
		width:15rem;
		height:15rem;
		margin:3rem;
	}

}