@media (max-width: 768px) {
    .titolo {
        font-size: 18px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #2E3A59;
      }
    
      .iperTitolo {
        font-size: 36px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #2E3A59;
      }
      .corpo {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 8px;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      }

      .chisiamoIntroduzione {
        padding: 0 10% 90px 10%;
      }

      .margin {
        padding-top: 80px;
      }
}

@media (min-width: 769px) {
    .titolo {
        font-size: 28px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: 	#2E3A59;
      }
    
      .iperTitolo {
        font-size: 36px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #2E3A59;
      }
    
      .corpo {
        font-size: 20px;
        margin-bottom: 8px;
        line-height: 1.4;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      }  

      .chisiamoIntroduzione {
        padding: 0 10% 150px 10%;
      }

      .margin {
        padding-top: 150px;
      }
}