h1 {font-family: 'jost', sans-serif;
    font-weight: bold;
    font-size: 100%;
    margin-top: -80px}

h2 {font-family: 'jost', sans-serif;
    font-weight: bold;
    font-size:100%;}

h3 {font-family: 'jost', sans-serif;
    font-size:100%;
     font-weight:bolder;
   color: #3a485e;}


h4{font-family: 'jost', serif;
   font-size: 100%;
 font-weight: 300;}

h5{
   font-size: 100%;
   font-weight: 300;
}


@media (min-width:1200px){
  h1 {font-size: 90pt;
      margin-top: -80px}
  h2 {font-size:45pt;}
  h3 {font-size: 30pt;}
  h4{font-size: 20pt;}
  h5{font-size: 15pt;}
}

@media (min-width:992px) and (max-width:1199.98px){
  h1 {font-size: 70pt;
      margin-top: -70px}
  h2 {font-size:35pt;}
  h3 {font-size: 25pt;}
  h4{font-size: 18pt;}
  h5{font-size: 14pt;}
}


@media (min-width:768px) and (max-width:991.98px){
  h1 {font-size: 50pt;
      margin-top: -50px}
  h2 {font-size:25pt;}
  h3 {font-size: 22pt;}
  h4{font-size: 20pt;}
  h5{font-size: 12pt;}
}

@media (min-width:576px) and (max-width:767.98px){
  h1 {font-size: 30pt;
      margin-top: -30px}
  h2 {font-size:25pt;}
  h3 {font-size: 18pt;}
  h4{font-size: 18pt;}
  h5{font-size: 12pt;}
}

@media (min-width:414px) and (max-width:575.98px){
  h1 {font-size: 30pt;
      margin-top: -30px}
  h2 {font-size:25pt;}
  h3 {font-size: 18pt;}
  h4{font-size: 14pt;}
  h5{font-size: 13pt;}
}


@media (min-width:390px) and (max-width:413.98px){
  h1 {font-size: 30pt;
      margin-top: -30px}
  h2 {font-size:25pt;}
  h3 {font-size: 18pt;}
  h4{font-size: 14pt;}
  h5{font-size: 13pt;}
}

@media (max-width:389.98px){
  h1 {font-size: 28pt;
      margin-top: -30px}
  h2 {font-size:23pt;}
  h3 {font-size: 18pt;}
  h4{font-size: 14pt;}
  h5{font-size: 13pt;}
}

.intestazione {
  height: 100vh;
  background-color: #3a485e;
  padding:10%;
}

.genitore{
	display: table;
	width: 100%;
	height: 100%;
}

.figlio{
	display: table-cell;
	vertical-align: middle;

}

.titleblue{
	color: #fbf6ef;
  text-transform: uppercase;
	font-weight: 700;
}

.textblue {
	color: #ffffff;
	padding-top:5vh;

}

.info {
  background-color: #fbf6ef;
  padding: 10%;
  color: #543728 !important;
}

.sectionmap {
  background-color: #fbf6ef;
  color: #543728 !important;
  width: 100%;
}

.map {
  color: #543728 !important;
  width: 100%;
  border: 0px;
  height: 300px;
  box-shadow:-5px -5px 5px rgba(0,0,0,0.4);
}



.contatti {
  color: #725c3f;
}

.sottolinea {
  color:#3a485e;
}

.sottolinea:hover {
  color: #3a485e;
  text-decoration: underline;
}