/*Retícula*/

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html, body {
      height: 100%;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
  	  font-weight: <weight>;
  	  font-style: normal;
      display: flex;
      flex-direction: column;
    }

    body {
      line-height: 1.6;
    }

    /* RESPONSIVO */
    @media (max-width: 768px) {
      
      #contenidos {
        grid-template-columns: repeat(6, 1fr);
      }

      .col-12 { grid-column: span 6; }
      .col-6  { grid-column: span 6; }
      .col-4  { grid-column: span 6; }
      .col-3  { grid-column: span 3; }
    }

    @media (max-width: 480px) {
      
      #contenidos {
        grid-template-columns: repeat(2, 1fr);
      }

      .col-12,
      .col-6,
      .col-4,
      .col-3 {
        grid-column: span 2;
      }

      #menu ul {
        flex-direction: column;
        align-items: center;
      }

      #menu ul li {
        width: 100%;
        text-align: center;
      }
    }