@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=KoHo:400,400i,700,700i');
$font_menu : 'Roboto', sans-serif;
$font_textos : 'Roboto', 'Roboto', sans-serif;
$font_textos : 'KoHo', sans-serif;
$font_titulos : 'Montserrat', sans-serif;
$font_caixinhas : 'Roboto', 'Roboto', sans-serif;

a {
	font-family: $font_textos; color: #000; text-decoration: underline;
}
a:hover {
	font-family: $font_textos; color: $hlColor; text-decoration: underline;
}
p {
	font-family: $font_textos; font-size: 16px; color: #333; line-height: 1.2; font-weight: 300; margin-bottom: 1em;
	&:first-of-type {
		margin-top: 0;
	}
	&:last-of-type {
		margin-bottom: 0;
	}
    
}
strong {
        font-weight: 700;
    }
.headings {
	font-family: $font_titulos; color: $mainColor; font-weight: 700; text-transform: uppercase;
}
.headings_servicos {
    font-family: $font_titulos; color: $azul_claro; font-weight: 700; text-transform: uppercase;  font-size: 1.25em; margin-bottom: .5em;
}
.sep {
    height: 1px; background-color: #D6D6D6;margin: 30px 0;
}
@each $header, $size in (h1: 1.7em, h2: 1.5em, h3: 1.3em, h4: 1.2em, h5: 1.1em, h6: 1em) {

	#{$header} {
		@extend .headings;
       font-size: $size;
    
	}
}