html{ font-size:19px; }
body{
	line-height: 1.8rem;
}
p{
	margin-bottom: 1rem;
}
.h0{
	font-size: 4.2rem;
	line-height: 4.2rem;
	margin-bottom: 1rem;
}
h1, .h1, .titleLev1{
	font-size: 2.63rem;
	line-height: 3.47rem;
	margin-bottom: 1rem;
}
h2, .h2, .titleLev2{
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 1rem;
}
h3, .h3, .titleLev3{
	font-size: 1.47rem;
	line-height: 2rem;
	margin-bottom: 1.6rem;
}
h4, .h4, .titleLev4{
	font-size: 1.1rem;
	line-height: 1.3rem;
	margin-bottom: 1rem;
}
h5, .h5, .titleLev5{
	font-size: 0.9rem;
	line-height: 1rem;
}
h6, .h6, .titleLev6{}
.btn{
  font-size: 0.94rem;
  padding: 0.89rem 4.6rem 0.89rem 4.6rem;
}
.btn-big{
  font-size: 1.3rem;
}
.navbar-light .navbar-collapse .nav-link,
.dropdown-menu .dropdown-item{
	font-size: 0.9rem;
  padding: 0.0rem 1.57rem;
}
.upperHeader a{
	font-size: 0.73rem;
	padding: 0.1rem 0.5rem;
	margin: 0 0.7rem;
}
.meteoContainer{
	font-size: 0.65rem;
	line-height: 0.8rem;
}
.linkGraffetta{
	font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.form-control{
	padding: 0.2rem 0.2rem;
  font-size: 0.9rem;
}
.privacyDisclaimer {
  font-size: 0.8rem;
  line-height: 1rem;
}
label.fakecheck {
  margin-bottom: 0;
}
.form-group {
    margin-bottom: 2rem;
}

/* -------------------- */

.navbar-collapse.collapsing{
	transition: 0.3s all ease-in-out;
}

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #0F315E;
}
.h0,
h1, .h1, .titleLev1{
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
}
h2, .h2, .titleLev2,
h3, .h3, .titleLev3,
h4, .h4, .titleLev4,
.btn{
	font-family: 'Poppins', sans-serif;
  font-weight: 700;
}
h5, .h5, .titleLev5{
  font-weight: 700;
}
h6, .h6, .titleLev6{}
.navbar-light .navbar-collapse .nav-link,
.upperHeader a,
.dropdown-menu .dropdown-item{
  font-weight: 700;
}
.linkGraffetta,
.sottoMenu li a{
  font-family:'Poppins', Arial , sans-serif;
  font-weight: 700;
	display: inline-block;
}
.form-control{
	border-radius: 0;
	border-width: 0px 0px 1px 0px;
  font-family: 'Roboto', sans-serif;
}

@media screen and (max-width: 767px){
	html{ font-size: 16px; }
	.h0{
		font-size: 3rem;
		line-height: 3.2rem;
		margin-bottom: 1rem;
	}
	h1, .h1, .titleLev1{
		font-size: 2.23rem;
		line-height: 2.7rem;
	}
	h2, .h2, .titleLev2{
		font-size: 1.8rem;
		line-height: 2rem;
	}
	h3, .h3, .titleLev3{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	h4, .h4, .titleLev4{
		font-size: 1.0rem;
		line-height: 1.2rem;
		margin-bottom: 1rem;
	}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 768px) and (max-width: 991px){
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 992px) and (max-width: 1200px){

	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 1201px) and (max-width: 1400px){

	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 1401px) and (max-width: 2500px){
	html{}
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 768px){
	html{ font-size: 15px; }
}

@media screen and (min-width: 992px){
	html{ font-size: 16px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 1201px){
	html{ font-size: 16px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 1401px){
	html{ font-size:17px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 1801px){
	html{ font-size:19px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 2001px){
	html{ font-size: 22px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}

@media screen and (min-width: 2501px){
	html{ font-size: 35px; }
	h1, .h1, .titleLev1{}
	h2, .h2, .titleLev2{}
	h3, .h3, .titleLev3{}
	h4, .h4, .titleLev4{}
	h5, .h5, .titleLev5{}
	h6, .h6, .titleLev6{}
	.btn{}
	.navbar-light .navbar-collapse .nav-link{}
}