@media only screen and (min-width: 768px) {

  /* ---- GRID ---- */
  .columns-container {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .column25-gutters3 {
    width:calc(25% - 1.33rem);
  }

  .column33-gutters3 {
    width:calc(33% - 1.33rem);
  }

  .column50-gutters3 {
    width:calc(50% - 1.33rem);
  }

  .column66-gutters3 {
    width:calc(66% - 1.33rem);
  }

  .column25-gutters2 {
    width:calc(25% - 1rem);
  }

  .column33-gutters2 {
    width:calc(33% - 1rem);
  }

  .column50-gutters2 {
    width:calc(50% - 1rem);
  }

  .column66-gutters2 {
    width:calc(66% - 1rem);
  }

  .column75-gutters2 {
    width:calc(75% - 1rem);
  }

  .column25-gutters4 {
    width:calc(25% - 1.5rem);
  }

  .column20-gutters5 {
    width:calc(20% - 1.6rem);
  }

  .column100-gutters0 {
    width:100%;
  }


  /* --- Grid v2 --- */
  .grid-5-columns{
    grid-template-columns: repeat(5, 1fr);
  }

  .grid-4-columns{
    grid-template-columns: repeat(4, 1fr);
  }

  .grid-3-columns{
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-2-columns{
    grid-template-columns: repeat(2, 1fr);
  }

  /* --- GENERAL ---*/
  html {
    font-size: 12px;
  }

  body {
    padding:0rem;
    /* background-image: url(../img/background.png); */
  }

  body div.viewport:first-child{
    padding-top:5vh;
  }

  div.viewport {
    padding:0 3rem;
  }

  /* --- MENUS --- */
  div.connected:hover ul, div.connected:focus ul,
  div.menu.language:hover form, div.menu.language:focus form {
    right:0;
    left:initial;
  }

  /* --- MENU CLONE --- */
  div.clone-parent{
    display:block;
  }

  /* --- FORM ---*/

  form.normalize p {
    display:flex;
    flex-wrap:wrap;
  }

  form.normalize p label {
    width:12rem;
    padding-right:1rem;
  }

  form.normalize p input[type="text"],
  form.normalize p textarea,
  form.normalize p input[type="email"],
  form.normalize p input[type="password"],
  form.normalize p input[type="submit"] {
    width:calc(100% - 12rem);
  }

  form.normalize p input[type="submit"] {
    margin-left:12rem;
  }

  form.normalize ul.errorlist {
    margin-left:12rem;
  }

  form.normalize p span.helptext {
    margin-left:12rem;
  }

  section.registration form div.display {
    display:flex;
    justify-content: space-between;
  }

  section.registration form div.column{
    width:calc(50% - 2rem);
  }

  /* --- PUBLIC HOME --- */
  section.home section.news-dashboard{
    grid-column: 1 / 3;
    padding-right:4rem;
  }

  section.home section.workshops-dashboard{
    grid-column: 3 / 4;
  }

  section.home section.forums{
    grid-column: 3 / 4;
  }

  /* --- MEMBER HOME --- */


  /* --- ABOUT ---*/
  section.about div.menu ul {
    display:block;
  }

  /* --- WORKSHOP LIST --- */
  section.workshops div.description {
    width:50%;
  }

  /* --- WORKSHOP DETAIL ---*/
  article.workshop.detail div.main.column {
    width:calc(50% + 1rem);
    padding-right:5rem;
  }

  article.workshop.detail h1.main.title {
    width:50%;
  }

  /* --- NEWS MEMBER ---*/
  a.news.thumbnail.member div.content {
    padding-right:5rem;
  }

  /* --- NEWS DETAIL ---*/

  article.news.detail h1.main.title {
    width:70%;
  }

  article.news.detail div.introduction {
    width:70%;
  }

  article.news.detail div.main.column {
    padding-right:5rem;
  }

  /* --- BLOG DETAIL ---*/
  article.blog.detail div.main {
    padding-right:5rem;
  }

  article.blog.detail h1.main.title {
    width:50%;
  }

  /* --- LIBRARY --- */
  section.library div.library{
    grid-column: 2 / 5;
  }

  section.library div.document_list ul.documents.download{
    grid-template-columns: repeat(4, 1fr);
  }

}


@media only screen and (min-width: 1300px) {
  html{
    font-size:14px;
  }

  :root{
    --main-gap:2rem;
  }

  /* --- LIBRARY --- */
  section.library div.document_list ul.documents.download{
    grid-template-columns: repeat(5, 1fr);
  }
}