body {
	margin: 0;
	line-height: 0;
}

#abc_section, #numbers_section, #spelling_section {
	background-image: url(images/secciones.png);
}

#marketing {
	position: absolute;
	bottom: 0;
	padding: 0;
	margin: 0;	
}

#selection, #selection_2 {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin-left: -5%;
	border:none;
	background: transparent;
	opacity: 0;
}

ul[class="abc_button"], ul[class="numbers_button"] {
	position: absolute;
	bottom: 1%;
	left: 7.5%;
	width: 85%;
}

#imagen, #imagen_2 {
	position: absolute;
	left: 25%;
	top: 16%;
}

#imagen_3 {
	position: absolute;
	left: 32.5%;
	top: 5%;
}

#imagen_4 {
	position: absolute;
	left: 32.5%;
	bottom: 15%;
}

#option, #option_2 {
  position: absolute;
  opacity: 0.6;
  font-weight: 400;
}

#spelling_form {
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media only screen and (max-width : 322px) {
	#abc {
		position: absolute;
		z-index: 1;
		left: 10%;
		top: 53%;
	}

	#numeros {
		position: absolute;
		z-index: 1;
		left: 40%;
		top: 53%;
	}

	#deletreo {
		position: absolute;
		z-index: 1;
		left: 70%;
		top: 53%;	
	}
}

@media only screen and (min-width : 323px) {
	#abc {
		position: absolute;
		z-index: 1;
		left: 10%;
		top: 45%;
	}

	#numeros {
		position: absolute;
		z-index: 1;
		left: 40%;
		top: 45%;
	}

	#deletreo {
		position: absolute;
		z-index: 1;
		left: 70%;
		top: 45%;	
	}
}
