@import "config/config.scss";

/* TIPOGRAFIA.SCSS */

html, body {
  font:normal 100%/1.5 'Raleway', sans-serif;
  line-height: 1.3em;
}

body * {
	font:normal 100%/1.5 'Raleway', sans-serif;
}

i, em { font-style:italic;}
strong, b { font-weight:bold; }
strong em, strong i, { font-weight: bold; font-style: italic; }

/* Link di base */
a {
	text-decoration:none;
	color:$color_1;
	@include transition(all 0.2s ease-in-out);
  	outline:none !important;
}

a:hover {
  opacity: 0.7;
	text-decoration:none;
  outline:none !important;
}

@mixin textexpand {
	letter-spacing:0.06em;
	word-spacing:0.1em;
}


/* TITOLI GENERALI DEL SITO */

h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	line-height:1.3em;
	display:block;
	width:100%;
	clear:both;
}

h1 {
	line-height: 1.1em;
	font-size: 2rem;
	@include mq($from:tablet) { font-size:2.5rem;}
	@include mq($from:desktop) { font-size:3rem;}
	@include mq($from:wide) { font-size:3.5rem;}
}	
	
h2 {
	font-size:1.7rem;
	@include mq($from:desktop) { font-size:2.5rem;}
}

h3 {
	color: $color_1;
	font-size:1.4rem;
	text-transform: uppercase;
	font-weight: bold;}
	
h4 {
	font-size:1.2rem;}
	
h5 {
	color: $color_1;
	font-size:1rem;
	font-weight:800;
	text-transform:uppercase;}

h6 {
	font-size:0.9rem;
	font-weight:800;
	color: $color_3;
	text-transform:uppercase;
}

h5.section_title {
    font-size: 1.5rem;
}