* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Kalam', cursive; */
}

/*html {
  height: 100%;
  background-color: #a4187e no-repeat center fixed;
  background-size: cover;
}*/

.contenedor {
	max-width: 1100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
  font-family: 'Kalam', cursive;
}

header {
 max-width: 1000px;
 /* background-color: #fbfbfc; */
 padding-top: 20px;
}

.nav {
	max-width: 1320px;
  display: block;
	margin: auto;
}

.menu {
  font-size: 20px;
  text-decoration: none;
  color: #666666;
	 padding: 3px;
}

.menu a {
  font-weight: bold;
  font-family: 'Amatic SC', cursive;
}

.lila {
	color: #a4187e;
}

.azul {
  color: #1aa3ff;
}

.verde {
  color: #00b3b3; 
}

.rojo {
  color: #ff1a1a;
}

.verde-osc {
  color: #006600; 
}

.marron {
  color: #ff751a; 
}

.amarillo {
  color: #ffcc00;
}

.fondo{
	width: 100%;
	max-width: 820px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.fot {
	width: 100%;
	max-width: 850px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
  margin-bottom: 10px;
}

.fot img{
	margin-left: 20px;
}

.face {
  display: block;
  margin: auto;
  margin-top: 20px;
	margin-bottom: 20px;
}

.face p {
  text-align: center;
  font-family: 'Kalam', cursive;
}

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

@media screen and (min-width: 602px) {
 .mov {
  display: none;
 }
}