/* STRUTTURA A COLONNE */

/* DESKTOP */
#page .gd-column-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 64px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#page [class*="col-"] {
  padding: 32px 16px;
}

#page .gd-col-l-1 {
  width: calc((100% / 12) * 1);
}
#page .gd-col-l-2 {
  width: calc((100% / 12) * 2);
}
#page .gd-col-l-3 {
  width: calc((100% / 12) * 3);
}
#page .gd-col-l-4 {
  width: calc((100% / 12) * 4);
}
#page .gd-col-l-5 {
  width: calc((100% / 12) * 5);
}
#page .gd-col-l-6 {
  width: calc((100% / 12) * 6);
}
#page .gd-col-l-7 {
  width: calc((100% / 12) * 7);
}
#page .gd-col-l-8 {
  width: calc((100% / 12) * 8);
}
#page .gd-col-l-9 {
  width: calc((100% / 12) * 9);
}
#page .gd-col-l-10 {
  width: calc((100% / 12) * 10);
}
#page .gd-col-l-11 {
  width: calc((100% / 12) * 11);
}
#page .gd-col-l-12 {
  width: calc((100% / 12) * 12);
}

/* TABLET */
@media screen and (max-width: 960px) {
  #page .gd-column-container {
    max-width: 100%;
    padding: 32px 0;
  }
  #page [class*="col-"] {
    padding: 16px 16px;
  }

  #page .gd-col-m-1 {
    width: calc((100% / 12) * 1);
  }
  #page .gd-col-m-2 {
    width: calc((100% / 12) * 2);
  }
  #page .gd-col-m-3 {
    width: calc((100% / 12) * 3);
  }
  #page .gd-col-m-4 {
    width: calc((100% / 12) * 4);
  }
  #page .gd-col-m-5 {
    width: calc((100% / 12) * 5);
  }
  #page .gd-col-m-6 {
    width: calc((100% / 12) * 6);
  }
  #page .gd-col-m-7 {
    width: calc((100% / 12) * 7);
  }
  #page .gd-col-m-8 {
    width: calc((100% / 12) * 8);
  }
  #page .gd-col-m-9 {
    width: calc((100% / 12) * 9);
  }
  #page .gd-col-m-10 {
    width: calc((100% / 12) * 10);
  }
  #page .gd-col-m-11 {
    width: calc((100% / 12) * 11);
  }
  #page .gd-col-m-12 {
    width: calc((100% / 12) * 12);
  }
}

/* MOBILE */
@media screen and (max-width: 640px) {
  #page .gd-column-container {
    padding: 24px 0;
  }
  #page [class*="col-"] {
    padding: 16px 16px;
  }
  
  #page .gd-col-s-1 {
    width: calc((100% / 12) * 1);
  }
  #page .gd-col-s-2 {
    width: calc((100% / 12) * 2);
  }
  #page .gd-col-s-3 {
    width: calc((100% / 12) * 3);
  }
  #page .gd-col-s-4 {
    width: calc((100% / 12) * 4);
  }
  #page .gd-col-s-5 {
    width: calc((100% / 12) * 5);
  }
  #page .gd-col-s-6 {
    width: calc((100% / 12) * 6);
  }
  #page .gd-col-s-7 {
    width: calc((100% / 12) * 7);
  }
  #page .gd-col-s-8 {
    width: calc((100% / 12) * 8);
  }
  #page .gd-col-s-9 {
    width: calc((100% / 12) * 9);
  }
  #page .gd-col-s-10 {
    width: calc((100% / 12) * 10);
  }
  #page .gd-col-s-11 {
    width: calc((100% / 12) * 11);
  }
  #page .gd-col-s-12 {
    width: calc((100% / 12) * 12);
  }
}