/**
 * @copyright Salud Emocional Tuxtla
 * @author Cool Kids OC (edoardo@nucliux.mx)
 * @version 1.0.0 (Septiembre 2020)
 * @since 1.0.0
 */

/*Importación de otros estilos*/
@import "reset.css";
@import "menu.css";
@import "inicio.css";
@import "acerca.css";
@import "preguntas.css";
@import "agenda.css";
@import "contacto.css";

@import "animate.min.css";

/*Tipografías*/
@font-face{
	font-family: "Gotham";
	font-weight: normal;
	src: url("fonts/Gotham-Book.otf");
}

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

/*Página*/
html,body{
    background-color: white;
	width: 100%;
	height: 100%;
	color: #242424;
	font-family: 'Gotham', sans-serif;
	font-weight: normal;
	font-size: 1.5vw;
	line-height: 2vw;
}

h1{
	font-weight: bold;
	font-size: 3vw;
	text-transform: uppercase;
}

h1:after{
	background-color: #9B0718;
	display: block;
	margin: 0 auto;
	margin-top: 1.5vh;
	width: 100%;
	height: 0.8vh;
	content: '';
}

.titulo{
	display: flex;
}

/*Estilo para media pantalla
______________________________*/
@media only screen and (max-width: 1024px){
	html,body{
		font-size: 2.5vw;
		line-height: 3vw;
	}

	h1{
		font-size: 4vw;
	}

	h1:after{
		margin-top: 1vh;
	}
}

/*Estilo para móviles
______________________________*/
@media only screen and (max-device-width: 465px) and (max-aspect-ratio: 13/9){
	html,body{
		font-size: 4vw;
		line-height: 4.5vw;
	}

	h1{
		font-size: 5.5vw;
	}
}