/*--------------------
GENERAL
----------------------*/
#acer-content {
	font-family: "TTSquares";
	font-size: 12.5px;
  font-weight: 300;
  background: #e1e1e1;
}

#acer-content h1 {
	font-size: 2.1rem;
}
#acer-content h2 {
	font-size: 1.9rem;
}
#acer-content h3 {
	font-size: 1.7rem;
}
#acer-content h4 {
	font-size: 1.5rem;
}
#acer-content h5 {
	font-size: 1.3rem;
}
#acer-content h6 {
	font-size: 1.1rem;
}
#acer-content sup {
	font-size: 60%;
}
#acer-content .small {
  font-size: 0.6rem;
}

#acer-content .text-info {
	color: #11c6e6 !important;
}

/*--------------------
EDITOR
----------------------*/
#acer-content .font-teko-light {
  font-family: 'tekolight';
}
#acer-content .font-teko-regular {
  font-family: 'tekoregular';
}
#acer-content .font-teko-medium {
  font-family: 'tekomedium';
}
#acer-content .font-teko-semibold {
  font-family: 'tekosemibold';
}
#acer-content .font-teko-bold {
  font-family: 'tekobold';
}

#acer-content .relative {
	position: relative;
}
#acer-content .absolute {
	position: absolute;
}

#acer-content .letter-spacing-1 {
	letter-spacing: 0.5rem;
}
#acer-content .letter-spacing-2 {
	letter-spacing: 1rem;
}
#acer-content .letter-spacing-3 {
	letter-spacing: 1.5rem;
}

/*--------------------
BACKGROUNDS
----------------------*/
#acer-content .bg-banner {
	background-image: url(../images/helios-700-banner.jpg);
	background-position: left;
	background-size: cover;
}
@media (min-width: 992px) {
	#acer-content .bg-banner {
		background-position: center bottom;
	}
}
#acer-content .bg-graficos {
	background-color: #303030;
}
#acer-content .bg-gforce {
	background-image: url(../images/helios-700-gforce.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-listo {
	background-image: url(../images/imagen-rostro.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-numeros {
	background-image: url(../images/helios-700-numeros.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-teclado {
	background-image: url(../images/helios-700-teclado.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-video {
	background-image: url(../images/helios-700-video.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-wasd {
	background-image: url(../images/imagen-rayas.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-juego {
	background-image: url(../images/helios-700-juego.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-teclas {
	background-image: url(../images/helios-700-teclas.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-correr {
	background-image: url(../images/helios-700-correr.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-empujar {
	background-image: url(../images/helios-700-nucleos.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-maximo {
	background-image: url(../images/helios-700-ventilacion.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-mirar {
	background-image: url(../images/imagen-fps.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-lateral {
	background-image: url(../images/helios-700-lateral.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-medida {
	background-color: #303030;
}
#acer-content .bg-predator {
	background-image: url(../images/helios-700-predator.jpg);
	background-position: top;
	background-size: cover;
}
#acer-content .bg-movimiento {
	background-image: url(../images/helios-700-pantallas.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-control {
	background-image: url(../images/helios-700-sense.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-pad {
	background-image: url(../images/helios-700-pad.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-luz {
	background-image: url(../images/imagen-juego.jpg);
	background-position: bottom;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #000;
}
#acer-content .bg-sonido {
	background-image: url(../images/imagen-sombra.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-laptop-sonido {
	background-image: url(../images/helios-700-sonido.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-ondas {
	background-image: url(../images/helios-700-ondas.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-posterior {
	background-image: url(../images/helios-700-posterior.jpg);
	background-position: center;
	background-size: cover;
}
#acer-content .bg-menos {
	background-color: #303030;
}
#acer-content .bg-conectividad {
	background-image: url(../images/helios-700-conectividad.jpg);
	background-position: center;
	background-size: cover;
}

/*--------------------
MIN HEIGHT
----------------------*/
#acer-content .minh-100 {
  min-height: 100px;
}
#acer-content .minh-150 {
  min-height: 150px;
}
#acer-content .minh-200 {
  min-height: 200px;
}
#acer-content .minh-250 {
  min-height: 250px;
}
#acer-content .minh-300 {
  min-height: 300px;
}
#acer-content .minh-350 {
  min-height: 350px;
}
#acer-content .minh-400 {
  min-height: 400px;
}
#acer-content .minh-450 {
  min-height: 450px;
}
#acer-content .minh-500 {
  min-height: 500px;
}
#acer-content .minh-550 {
  min-height: 550px;
}
#acer-content .minh-600 {
  min-height: 600px;
}
#acer-content .minh-650 {
  min-height: 650px;
}
#acer-content .minh-700 {
  min-height: 700px;
}
#acer-content .minh-750 {
  min-height: 750px;
}
#acer-content .minh-800 {
  min-height: 800px;
}
#acer-content .minh-850 {
  min-height: 850px;
}
#acer-content .minh-900 {
  min-height: 900px;
}
#acer-content .minh-950 {
  min-height: 950px;
}
#acer-content .minh-1000 {
  min-height: 1000px;
}

/*--------------------
SM
----------------------*/
@media (min-width: 576px) {

	/*--------------------
	MIN HEIGHT SM
	----------------------*/
	#acer-content .minh-sm-100 {
	  min-height: 100px;
	}
	#acer-content .minh-sm-150 {
	  min-height: 150px;
	}
	#acer-content .minh-sm-200 {
	  min-height: 200px;
	}
	#acer-content .minh-sm-250 {
	  min-height: 250px;
	}
	#acer-content .minh-sm-300 {
	  min-height: 300px;
	}
	#acer-content .minh-sm-350 {
	  min-height: 350px;
	}
	#acer-content .minh-sm-400 {
	  min-height: 400px;
	}
	#acer-content .minh-sm-450 {
	  min-height: 450px;
	}
	#acer-content .minh-sm-500 {
	  min-height: 500px;
	}
	#acer-content .minh-sm-550 {
	  min-height: 550px;
	}
	#acer-content .minh-sm-600 {
	  min-height: 600px;
	}
	#acer-content .minh-sm-650 {
	  min-height: 650px;
	}
	#acer-content .minh-sm-700 {
	  min-height: 700px;
	}
	#acer-content .minh-sm-750 {
	  min-height: 750px;
	}
	#acer-content .minh-sm-800 {
	  min-height: 800px;
	}
	#acer-content .minh-sm-850 {
	  min-height: 850px;
	}
	#acer-content .minh-sm-900 {
	  min-height: 900px;
	}
	#acer-content .minh-sm-950 {
	  min-height: 950px;
	}
	#acer-content .minh-sm-1000 {
	  min-height: 1000px;
	}

	/*--------------------
	EDITOR SM
	----------------------*/
	#acer-content .letter-spacing-sm-1 {
		letter-spacing: 0.5rem;
	}
	#acer-content .letter-spacing-sm-2 {
		letter-spacing: 1rem;
	}
	#acer-content .letter-spacing-sm-3 {
		letter-spacing: 1.5rem;
	}

	/*--------------------
	BOOTSTRAP SM
	----------------------*/
	#acer-content .h1-sm {
		font-size: 2.5rem;
	}
	#acer-content .h2-sm {
		font-size: 2.0rem;
	}
	#acer-content .h3-sm {
		font-size: 1.75rem;
	}
	#acer-content .h4-sm {
		font-size: 1.5rem;
	}
	#acer-content .h5-sm {
		font-size: 1.25rem;
	}
	#acer-content .h6-sm {
		font-size: 1rem;
	}

}

/*--------------------
MD
----------------------*/
@media (min-width: 768px) {

	/*--------------------
	MIN HEIGHT MD
	----------------------*/
	#acer-content .minh-md-100 {
	  min-height: 100px;
	}
	#acer-content .minh-md-150 {
	  min-height: 150px;
	}
	#acer-content .minh-md-200 {
	  min-height: 200px;
	}
	#acer-content .minh-md-250 {
	  min-height: 250px;
	}
	#acer-content .minh-md-300 {
	  min-height: 300px;
	}
	#acer-content .minh-md-350 {
	  min-height: 350px;
	}
	#acer-content .minh-md-400 {
	  min-height: 400px;
	}
	#acer-content .minh-md-450 {
	  min-height: 450px;
	}
	#acer-content .minh-md-500 {
	  min-height: 500px;
	}
	#acer-content .minh-md-550 {
	  min-height: 550px;
	}
	#acer-content .minh-md-600 {
	  min-height: 600px;
	}
	#acer-content .minh-md-650 {
	  min-height: 650px;
	}
	#acer-content .minh-md-700 {
	  min-height: 700px;
	}
	#acer-content .minh-md-750 {
	  min-height: 750px;
	}
	#acer-content .minh-md-800 {
	  min-height: 800px;
	}
	#acer-content .minh-md-850 {
	  min-height: 850px;
	}
	#acer-content .minh-md-900 {
	  min-height: 900px;
	}
	#acer-content .minh-md-950 {
	  min-height: 950px;
	}
	#acer-content .minh-md-1000 {
	  min-height: 1000px;
	}

	/*--------------------
	EDITOR MD
	----------------------*/
	#acer-content .letter-spacing-md-1 {
		letter-spacing: 0.5rem;
	}
	#acer-content .letter-spacing-md-2 {
		letter-spacing: 1rem;
	}
	#acer-content .letter-spacing-md-3 {
		letter-spacing: 1.5rem;
	}

	/*--------------------
	BOOTSTRAP MD
	----------------------*/
	#acer-content .h1-md {
		font-size: 2.5rem;
	}
	#acer-content .h2-md {
		font-size: 2.0rem;
	}
	#acer-content .h3-md {
		font-size: 1.75rem;
	}
	#acer-content .h4-md {
		font-size: 1.5rem;
	}
	#acer-content .h5-md {
		font-size: 1.25rem;
	}
	#acer-content .h6-md {
		font-size: 1rem;
	}

}

/*--------------------
LG
----------------------*/
@media (min-width: 992px) {

	/*--------------------
	MIN HEIGHT LG
	----------------------*/
	#acer-content .minh-lg-100 {
	  min-height: 100px;
	}
	#acer-content .minh-lg-150 {
	  min-height: 150px;
	}
	#acer-content .minh-lg-200 {
	  min-height: 200px;
	}
	#acer-content .minh-lg-250 {
	  min-height: 250px;
	}
	#acer-content .minh-lg-300 {
	  min-height: 300px;
	}
	#acer-content .minh-lg-350 {
	  min-height: 350px;
	}
	#acer-content .minh-lg-400 {
	  min-height: 400px;
	}
	#acer-content .minh-lg-450 {
	  min-height: 450px;
	}
	#acer-content .minh-lg-500 {
	  min-height: 500px;
	}
	#acer-content .minh-lg-550 {
	  min-height: 550px;
	}
	#acer-content .minh-lg-600 {
	  min-height: 600px;
	}
	#acer-content .minh-lg-650 {
	  min-height: 650px;
	}
	#acer-content .minh-lg-700 {
	  min-height: 700px;
	}
	#acer-content .minh-lg-750 {
	  min-height: 750px;
	}
	#acer-content .minh-lg-800 {
	  min-height: 800px;
	}
	#acer-content .minh-lg-850 {
	  min-height: 850px;
	}
	#acer-content .minh-lg-900 {
	  min-height: 900px;
	}
	#acer-content .minh-lg-950 {
	  min-height: 950px;
	}
	#acer-content .minh-lg-1000 {
	  min-height: 1000px;
	}

	/*--------------------
	EDITOR LG
	----------------------*/
	#acer-content .letter-spacing-lg-1 {
		letter-spacing: 0.5rem;
	}
	#acer-content .letter-spacing-lg-2 {
		letter-spacing: 1rem;
	}
	#acer-content .letter-spacing-lg-3 {
		letter-spacing: 1.5rem;
	}

	/*--------------------
	BOOTSTRAP LG
	----------------------*/
	#acer-content .h1-lg {
		font-size: 2.5rem;
	}
	#acer-content .h2-lg {
		font-size: 2.0rem;
	}
	#acer-content .h3-lg {
		font-size: 1.75rem;
	}
	#acer-content .h4-lg {
		font-size: 1.5rem;
	}
	#acer-content .h5-lg {
		font-size: 1.25rem;
	}
	#acer-content .h6-lg {
		font-size: 1rem;
	}

}

/*--------------------
XL
----------------------*/
@media (min-width: 1200px) {

	/*--------------------
	MIN HEIGHT XL
	----------------------*/
	#acer-content .minh-xl-100 {
	  min-height: 100px;
	}
	#acer-content .minh-xl-150 {
	  min-height: 150px;
	}
	#acer-content .minh-xl-200 {
	  min-height: 200px;
	}
	#acer-content .minh-xl-250 {
	  min-height: 250px;
	}
	#acer-content .minh-xl-300 {
	  min-height: 300px;
	}
	#acer-content .minh-xl-350 {
	  min-height: 350px;
	}
	#acer-content .minh-xl-400 {
	  min-height: 400px;
	}
	#acer-content .minh-xl-450 {
	  min-height: 450px;
	}
	#acer-content .minh-xl-500 {
	  min-height: 500px;
	}
	#acer-content .minh-xl-550 {
	  min-height: 550px;
	}
	#acer-content .minh-xl-600 {
	  min-height: 600px;
	}
	#acer-content .minh-xl-650 {
	  min-height: 650px;
	}
	#acer-content .minh-xl-700 {
	  min-height: 700px;
	}
	#acer-content .minh-xl-750 {
	  min-height: 750px;
	}
	#acer-content .minh-xl-800 {
	  min-height: 800px;
	}
	#acer-content .minh-xl-850 {
	  min-height: 850px;
	}
	#acer-content .minh-xl-900 {
	  min-height: 900px;
	}
	#acer-content .minh-xl-950 {
	  min-height: 950px;
	}
	#acer-content .minh-xl-1000 {
	  min-height: 1000px;
	}

	/*--------------------
	EDITOR XL
	----------------------*/
	#acer-content .letter-spacing-xl-1 {
		letter-spacing: 0.5rem;
	}
	#acer-content .letter-spacing-xl-2 {
		letter-spacing: 1rem;
	}
	#acer-content .letter-spacing-xl-3 {
		letter-spacing: 1.5rem;
	}

	/*--------------------
	BOOTSTRAP XL
	----------------------*/
	#acer-content .h1-xl {
		font-size: 2.5rem;
	}
	#acer-content .h2-xl {
		font-size: 2.0rem;
	}
	#acer-content .h3-xl {
		font-size: 1.75rem;
	}
	#acer-content .h4-xl {
		font-size: 1.5rem;
	}
	#acer-content .h5-xl {
		font-size: 1.25rem;
	}
	#acer-content .h6-xl {
		font-size: 1rem;
	}

}