/* CSS Document */

* {
	margin: 0;
	box-sizing: border-box; /*padding and border are included in the total width and heigth of the elements.*/
}

body {
	font-family: "Assistant", "Arial", sans-serif;
}

.contenitore {
	margin-top: 7.5em;
	padding: 0;
}

.titolo_pagina {
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 10em;
	padding-right: 10em;
	padding-top: 1em;
	/*padding-bottom: 5em;*/
	padding-bottom: 1.5em;
	letter-spacing: 0.5px;
}

.contenuto_pagina {
	margin-bottom: 0;
	padding-left: 15em !important;
	padding-right: 15em !important;
	font-size: 1.125em;
	text-align: left;
	line-height: 1.8em;
	letter-spacing: 0.4px;
}

.contenuto_pagina p {
	margin-bottom: 1em;
	margin-top: 1em;
	overflow-wrap: break-word;
}

.contenuto_pagina p a {
	color: #a49576;
}

.contenuto_pagina a {
	color: #a49576;
	overflow-wrap: break-word;
}

.contenuto_pagina div h1 {
	padding-top: 1em !important;
	padding-bottom: 0.5em !important;
}

.contenuto_pagina i {
	font-size: 1em;
	color: #58595b;
}

.contenitore_immagine {
	padding: 0;
}

.contenitore_immagine_quarter {
	margin-right: 1em;
	margin-top: 0.5em;
}

.scroll_index {
	scroll-snap-align: start;
	scroll-margin-top: 4em;
}

.fa {
	font-size: 1.5em;
}

.div-aggiornamento {
	border-top-style: solid;
	border-top-width: medium;
	/*border-color: #58595b;*/
	/*border-color: #adcacb;*/
	border-color: #f1bc8a;
	margin-top: 1em;
	font-size: 0.8em;
}

/*Comprendo:
telefoni
tablet con orientamento verticale
telefoni larghi*/
@media only screen and (max-width: 767px) {
	
	.contenitore {
		margin-top: 0.5em;
		padding: 0;
	}
	
	.titolo_pagina {
		margin-left: 0em;
		margin-right: 0em;
		margin-bottom: 0em;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 5em;
		padding-bottom: 2.5em;
		letter-spacing: 0.5px;
		/*text-align: center;*/
		background-color: #f1bc8a;
	}
	.titolo_pagina h1 {
		font-size: 2em !important;
		font-weight: 400;
		color: white;
	}
	
	.contenuto_pagina {
		margin-bottom: 0;
		padding-left: 1em !important;
		padding-right: 1em !important;
		font-size: 1em;
		text-align: left;
		line-height: 1.8em;
		letter-spacing: 0.4px;
	}

	.contenuto_pagina div h1 {
		line-height: 1.2em;
		font-size: 1.6em;
	}
	
	.contenuto_pagina p {
		margin-bottom: 1em;
		margin-top: 1em;
		overflow-wrap: break-word;
	}
	
	.contenuto_pagina a {
		overflow-wrap: break-word;
	}
	
	.scroll_index {
		scroll-snap-align: start;
		scroll-margin-top: 2em;
	}
	.contenitore_immagine_quarter div {
		border: none;
		box-shadow: none;
	}
	.contenitore_immagine_quarter {
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 1em;
	}
	.contenitore_immagine_quarter p {
		margin-top: 0em;
		margin-bottom: 0em;
		font-size: 0.8em;
	}
}

/*Comprendo:
tablet orientamento orizzontale*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.contenitore {
		margin-top: 5em;
		padding: 0;
	}
	
	.titolo_pagina {
		margin-left: 0em;
		margin-right: 0em;
		margin-bottom: 0em;
		margin-top: 0em;
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0em;
		padding-bottom: 0em;
		letter-spacing: 0.5px;
		/*text-align: center;*/
		background-color: #f1bc8a;
	}
	.titolo_pagina h1 {
		font-size: 2em !important;
		font-weight: 400;
		color: white;
	}
	
	.contenuto_pagina {
		margin-bottom: 0;
		padding-left: 1em !important;
		padding-right: 1em !important;
		font-size: 1em;
		text-align: left;
		line-height: 1.8em;
		letter-spacing: 0.4px;
	}

	.contenuto_pagina div h1 {
		line-height: 1.2em;
		font-size: 1.6em;
	}
	
	.contenuto_pagina p {
		margin-bottom: 1em;
		margin-top: 1em;
		overflow-wrap: break-word;
	}
	
	.contenuto_pagina a {
		overflow-wrap: break-word;
	}
	
	.scroll_index {
		scroll-snap-align: start;
		scroll-margin-top: 2.2em;
	}
	.contenitore_immagine_quarter div {
		border: none;
		box-shadow: none;
	}
	.contenitore_immagine_quarter {
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 1em;
	}
	.contenitore_immagine_quarter p {
		margin-top: 0em;
		margin-bottom: 0em;
		font-size: 0.8em;
	}
}

/*Comprendo:
portatili e desktop*/
@media only screen and (min-width: 992px) and (max-width: 1380px) {
	.contenitore {
		margin-top: 7.5em;
		padding: 0;
	}

	.titolo_pagina {
		margin-left: 0em;
		margin-right: 0em;
		padding-left: 5em;
		padding-right: 5em;
		padding-top: 1em;
		padding-bottom: 1.5em;
		letter-spacing: 0.5px;
	}

	.contenuto_pagina {
		margin-bottom: 0;
		padding-left: 5em !important;
		padding-right: 5em !important;
		font-size: 1.125em;
		text-align: left;
		line-height: 1.8em;
		letter-spacing: 0.4px;
	}
	.contenuto_pagina div h1 {
		line-height: 1.2em;
	}
	
	.contenitore_immagine_quarter div {
		border: none;
		box-shadow: none;
	}
	.contenitore_immagine_quarter {
		margin-right: 0em;
		margin-top: 0em;
		margin-bottom: 1em;
	}
	.contenitore_immagine_quarter p {
		margin-top: 0em;
		margin-bottom: 0em;
		font-size: 0.7em;
	}
	
}