/* 
  * file di stile per gestire in modo consistente le dimensioni dei fonts e i margini
    laterali 
  */
 

/* 1200 */
@media (max-width: 75em) {
    .margin-lato {
      margin: 0 5rem;
    }
  }
  
  /* 1000 */
@media (max-width: 63em) {
    html {
      font-size: 55%;
    }
}


@media (max-width: 57em) {
    html {
      font-size: 52%;
    }

    .margin-lato {
        margin: 0 2.5rem;
    }
}

@media (max-width: 54em) {    
    .margin-lato {
        margin: 0 1rem;
    }
}

@media (max-width: 30em) {
    html {
      font-size: 50%;
    }
}


@media (max-width: 20em) {
    html {
        font-size: 45%;
    }
}