/**
 * @copyright Ignis Altus
 * @author Edoardo Alejandro Palazuelos Osorio (e@ignisaltus.com)
 * @version 2.0 (Enero 2019)
 * @since 2.0
 */

/*Importación de otros estilos*/
@import "reset.css";
@import "menu.css";
@import "inicio.css";
@import "pilares.css";
@import "footer.css";
@import "portafolio.css";
@import "proyectos.css";
@import "contacto.css";

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

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

@font-face{
	font-family: "Raleway";
	font-style: italic;
	src: url("fonts/raleway_mediumItalic.ttf");
}

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

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

@font-face{
	font-family: "Raleway Semibold";
	src: url("fonts/raleway_semibold.ttf");
}

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

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

h1{	
	font-family: "Iceland";
	font-weight: normal;
	font-size: 2.6vw;
	text-transform: uppercase;
}

h1 span{
	color: #3761D5;
}

h2{
	font-family: "Iceland";
	font-weight: normal;
	font-size: 2vw;
	text-transform: uppercase;
}

h2 span{
	color: #3761D5;
}

h3{
	font-family: "Raleway";
	font-weight: normal;
	font-size: 1vw;
	text-transform: uppercase;
	letter-spacing: 0.15rem;
}

.subtitulo{
	font-family: "Raleway Bold";
	font-weight: bold;
	font-style: italic;
	font-size: 1.2vw;
}

.chat__contacto{
	background-image: linear-gradient(to bottom right,#0017A5,#0069FF);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50vh;
	left: -5vw;
	z-index: 25;
	padding: 0 1.5vw;
	width: auto;
	height: 12vh;
	border-radius: 1vw;

	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);

	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;
	-webkit-align-items: center;
}

.chat__contacto a{
	margin-bottom: 0.3vh;
	color: white;
	text-decoration: none;
}

.chat__contacto a:hover{
	text-decoration: underline;
}

.chat__contacto i{
	margin-right: 1vw;
}

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

	h1{	
		font-size: 3.8vw;
	}

	h2{
		font-size: 3.2vw;
	}

	h3{
		font-size: 1.7vw;
	}

	.chat__contacto{
		left: -6vw;
		height: 10vh;
		border-radius: 1.5vw;
	}
}

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

	h1{	
		font-size: 6.4vw;
		line-height: 1.3;
	}

	h2{
		font-size: 5.3vw;
	}

	h3{
		font-size: 3vw;
	}

	.chat__contacto{
		display: none;
	}
}

/*
@media only screen and (max-device-width: 465px) and (orientation: landscape){
	html,body{
		font-size: 2.5vw;
	}

	h1{	
		font-size: 4vw;
	}

	h2{
		font-size: 3vw;
	}

	h3{
		font-size: 2.5vw;
	}

	h4{
		font-size: 2.3vw;
	}
}
*/