@charset "utf-8";
/* CSS Document */


#centro1 {
	font-family: 'Patua One', cursive;
	text-shadow: 2px 2px 4px #000;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 55px;
	color: #03F;
}

#centro2 {
	float: left;
	width: 100%;
}

.fuente1 {
	font-family: 'Signika', sans-serif;
	font-size: 25px;
	text-shadow: 0px 0px 7px #000;
	text-align: justify;
	color: #FFF;
	margin: 10px;
}
.fuente2 {
	font-family: 'Signika', sans-serif;
	font-size: 25px;
	text-shadow: 0px 0px 2px #03F;
	text-align: justify;
	color: #003;
}
.fuente3 {
	font-family: 'Sirin Stencil', cursive;
	font-size: 20px;
	text-shadow: 0px 0px 1px #F90;
	text-align: justify;
}
#color_fondo {
	background: #06F;
	border-radius: 10px;
	border: 4px groove #000;
}

@media screen and (max-width:700px) {
	
	#centro1 {
	font-family: 'Patua One', cursive;
	text-shadow: 2px 2px 4px #000;
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	color: #03F;
}

#centro2 {
	float: left;
	width: 100%;
}

.fuente1 {
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	text-shadow: 0px 0px 7px #000;
	text-align: justify;
	color: #FFF;
	margin: 10px;
}
.fuente2 {
	font-family: 'Signika', sans-serif;
	font-size: 20px;
	text-shadow: 0px 0px 2px #03F;
	text-align: justify;
	color: #003;
}
.fuente3 {
	font-family: 'Sirin Stencil', cursive;
	font-size: 20px;
	text-shadow: 0px 0px 1px #F90;
	text-align: justify;
}
#color_fondo {
	background: #06F;
	border-radius: 10px;
	border: 4px groove #000;
}