body {
	font-family: Roboto, Helvetica, Arial, sans-serif;
	font-family: 'ADLaM Display';
	font-size: 1.6rem;
	font-weight: bolder;
	font-weight: 1200;
 }
 .img_istituzioni
 {
	width:80%;
 }
 .img_scu
 {
	width:100%;
 }
 .img_slashradio
 {
	width:40%;
 }
.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
	  .h1blu
	  {
		color: #0d1a8f !important;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size: 3rem;
		padding-top: 5pt;
		padding-bottom: 20pt;
	  }
	 
.h2blu
	  {
		color: #0d1a8f !important;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		font-size: 2rem;
		padding-top: 5pt;
		padding-bottom: 5pt;
	  }	   
	  .h1red
	  {
		color: #d2232b !important;
		/*font-family: Roboto, Helvetica, Arial, sans-serif;*/
		font-size: 3.1rem;
		padding-top: 5pt;
		padding-bottom: 5pt;
		font-family: 'Luckiest Guy';
	  }
	   .pred
	  {
		color: #d2232b !important;
		font-family: Roboto, Helvetica, Arial, sans-serif;
		
	  }
	  .hr_personal
	  {
		  height: 20px !important;
		  opacity: 1 !important;
		  background-color: #2f9ed4 !important;
	  }
	   .hr_personalred
	  {
		  height: 20px !important;
		  opacity: 1 !important;
		  background-color: #d2232b !important;
	  }
	 .font_pulsanti
	 {
		padding: 1.25rem 0;
		font-weight: 700;
		font-size: 1.1rem;
	 }
	  .spazia_alto
	  {
		padding-top: 2rem;
	  }
	 .box1
	 {
		height: 50%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	 }
	 .box2
	 {
		height: 50%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	 } 
	  .box1home
	 {
		height: 30%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	 }
	 .boxhome
	 {
		height: 67%;
		padding-top: 2rem;
		padding-bottom: 2rem;
	 } 
	  .spazia_alto_dona
	  {
		padding-top: 6rem;
	  }
	  .distanzia_ss
	  {
		padding-bottom: 1em !important;
		padding-top: 1em !important;
	  }
	  .nav_personalizzata
	  {
		padding-left: 1em !important;
		padding-top: 1em !important;
	  }
	  .nav_personalizzata_logo
	  {
		padding-left: 2em !important;
		padding-top: 1em !important;
	  }
	  .nav_personalizzata_cerca
	  {
		padding-right: 2em !important;
		padding-top: 1em !important;
	  }
	  .col_spazia_sotto
	  {
		padding-bottom: 4em;
	  }
		
	  .col_spazia_sotto2
	  {
		padding-bottom: 2em;
	  }
	  .col_spazia_sopra4
	  {
		padding-top: 5em;
	  }
	  .testo_illustrativo
	  {
		font-size: 0.9em;
	  }
	  .abbassa_body
	  {
		padding-top: 5em;
		
	  }
	  
	
	  .pulsante-attivo
	  {
		background-color: #2f9ed4 !important;
		border-color: #0a58ca !important;
	 }
	
	   .col_spazia_sotto_basso
	  {
		padding-bottom: 1em;
	  }
	  .bottone-personal
	  {
		min-height: 12vh!important;
		background-color: #0d1a8f;
	  }
	  .bottone-personal-basso
	  {
		min-height: 15vh!important;
		background-color: #0d1a8f !important;
	  }
	  .abbassa-footer
	  {
		padding-top: 1em;
		 
	  }
	  .logo
	  {width:80%;}
	.colore_sfondo
	 {
		background-color: #ffffff !important;
	 }

@media screen and (max-width: 74em) {
 body, .font_pulsanti {
      font-size: 1.5em;
   }
}	 
@media screen and (max-width: 64em) {
 body, .font_pulsanti {
      font-size: 1.5em;
   }
}
@media screen and (max-width: 60em) {
 body, .font_pulsanti {
       font-size: 1.3em;
   }
}
@media screen and (max-width: 55em) {
 body, .font_pulsanti {
       font-size: 1.2em;
   }
}
@media screen and (max-width: 50em) {
 body, .font_pulsanti {
       font-size: 1.2em;
   }
  
}
@media screen and (max-width: 45em) {
 body, .font_pulsanti {
       font-size: 1.2em;
   }
  
}
@media screen and (max-width: 40em) {
 body, .font_pulsanti {
       font-size: 1em;
	   
   }
   	  .logo
	  {width:100%;}
  
}
@media screen and (max-width: 35em) {
 body, .font_pulsanti {
       font-size: 0.9em;
   }
   .logo
	  {width:100%;}
}
@media screen and (max-width: 30em) {
   body, .font_pulsanti {
        font-size: 0.9em;
  }
   .logo
	  {width:100%;}
}

@media screen and (max-width: 20em) {
   body, .font_pulsanti {
         font-size: 0.9em;
  }
   .logo
	  {width:100%;}
 }
@media screen and (max-width: 15em) {
   body, .font_pulsanti {
        font-size:  0.9em;
		}
		
}
@media screen and (max-width: 10em) {
   body, .font_pulsanti {
        font-size:  0.4em;
  }
	 .logo
	  {width:100%;}
}
@media screen and (max-width: 5em) {
   body, .font_pulsanti {
        font-size:  0.9em;
  }
  .logo
	  {width:100%;}
}