@media (max-width: 768px) {
    #none {
        display: none;
    }
    .footer {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        padding: 40px 10% 40px 10%;
        background-color: #1b2a4b;
      }
    
    .footerElement {
        padding: 0 1% 0 1%;
        flex: 1;
        text-align: left;
        color: #f0f0f0;
    }

    .linkFooter {
        color: #f0f0f0;
    }
    
    .corpoFooter {
        font-size: 10px;
        margin-bottom: 8px;
        line-height: 1.4;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      }

      .titoloFoot {
        font-size: 12px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
      }
      .footerElement img {
        width: 100%;
      }
      .loghetto {
        width: 20px;
      }
}

@media (min-width: 769px) {
    .footer {
        display: flex;
        padding: 70px 10% 70px 10%;
        background-color: #1b2a4b;
    }
    
    .footerElement {
        padding: 0 5% 0 5%;
        flex: 1;
        text-align: left;
        color: #f0f0f0;
    }

    .linkFooter {
        color: #f0f0f0;
    }
    
    .corpoFooter {
        font-size: 16px;
        margin-bottom: 8px;
        line-height: 1.4;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-style: normal;
      }

      .titoloFoot {
        font-size: 20px;
        margin-bottom: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-style: normal;
      }

      .footerElement img {
        width: 100%;
      }

}