/**
  * @copyright Nucliux Solutions
  * @author Edoardo Palazuelos (edoardo@nucliux.mx)
  * @version 3.2.0 (Enero 2023)
  * @since 3.0.0
  */

/*Importación de otros estilos*/
@import "reset.css";
@import "inicio.css";
@import "diferenciador.css";
@import "heroes.css?v=3.1.0";
@import "contacto.css?v=3.1.0";
@import "footer.css?v=3.2.0";

@import "fontawesome/css/all.css";

/*Tipografías*/
@font-face{
	font-family: "Raleway";
	src: url("fonts/Raleway-Light.ttf");
}

@font-face{
	font-family: "Raleway";
	src: url("fonts/Raleway-Bold.ttf");
	font-weight: bold;
}

/*Página*/
html, body{
	background-color: white;
	width: 100%;
	height: 100%;
	color: white;
	font-family: "Raleway", sans-serif;
	font-size: 1.5vw;
}

h1{
	margin-bottom: 3vh;
	font-size: 4vw;
}

h2{
	font-size: 3vw;
}

.contenedor{
	width: 100%;
	height: 100%;
}

.contenedor-contacto{
	padding: 0 10%;
	padding-top: 10vh;
	width: 80%;
	height: 90vh;
}

/*Estilo para móviles
______________________________*/
@media only screen and (max-device-width: 768px){
	html, body{
		font-size: 4.5vw;
	}

	h1{
		font-size: 8vw;
	}

	h2{
		font-size: 6vw;
	}

	.contenedor-movil{
		height: auto;
	}

	.contenedor-movil h1, h2{
		text-align: center;
	}

	.contenedor-movil h1{
		margin-bottom: 5vh;
	}

	.contenedor-contacto{
		height: auto;
	}
}