@charset "utf-8";

body{	
	margin:0px;
	background-color: #fffef0;
	height: 100vh;	
	font-family: Verdana, Tahoma, Courier New ;	
}

.ContenedorFlexible{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background-color: #fffef0;		
}

a{
	text-decoration:none;
	color: white;
	opacity:100%;	
}

a:hover{
	opacity:40%;
}

.Uno{

	background-color: #004e41;
	width: 150px;
	margin: 30px;	
	text-align: center;
	line-height: 100px;
	font-size: 30px;
	border: 2px solid black;
	-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004);
}

.Dos{

	background-color: #004e41;
	width: 400px;
	margin: 80px;
	text-align: center;
	/*line-height: 250px;*/
	font-size: 22px;
	border: 2px solid black;
	color: white;
	-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004);
}

.imagen2{
	width: 100%;
											max-width: 200px;
	height: auto;
	text-align: center;
	font-size: 30px;	
	margin:10px;
}	


/* ______________PANTALLA 1700PX_____________________ */
@media only screen and (max-width: 1700px){
  
.Uno{

	width: 120px;
	line-height: 80px;	
	margin: 30px;	
	font-size: 20px;

}

.Dos{

	width: 300px;
	margin: 50px;
	font-size: 18px;
  
}

}

/* ______________PANTALLA 1100PX_____________________ */
@media only screen and (max-width: 1100px){
  
.Uno{

	width: 100px;
	line-height: 60px;	
	margin: 20px;	
	font-size: 16px;

}

.Dos{

	width: 260px;
	margin: 40px;
	font-size: 14px;
  
}
  
} 

/* ______________PANTALLA 780PX_____________________ */
@media only screen and (max-width: 780px){
  
.Uno{

	width: 80px;
	line-height: 55px;	
	margin: 20px;	
	font-size: 14px;

}

.Dos{

	width: 210px;
	margin: 30px;
	font-size: 12px;
  
}
  
} 
/* ______________PANTALLA 600PX_____________________ */
@media only screen and (max-width: 600px){
  
.Uno{

	width: 80px;
	line-height: 50px;	
	margin: 10px;	
	font-size: 12px;

}

.Dos{

	width: 180px;
	margin: 20px;
	font-size: 11px;
  
}

.imagen2{
	width: 100%;
											max-width: 120px;
	height: auto;
	text-align: center;
	font-size: 30px;	
	margin:10px;
}
  
} 
/* ______________PANTALLA 480PX_____________________ */
@media only screen and (max-width: 480px){
  
.Uno{

	width: 70px;
	line-height: 40px;	
	margin: 10px;	
	font-size: 10px;

}

.Dos{

	width: 140px;	
	margin: 10px;
	font-size: 10px;
  
}

.imagen2{
	width: 100%;
											max-width: 90px;
	height: auto;
	text-align: center;
	font-size: 30px;	
	margin:10px;
}	
  
}