/* CLASSI HELPER PER GESTIRE LA PROPRIETÀ FLEX SUI VARI DISPOSITIVI */

/* DESKTOP */
#page .gd-flex {
  display: flex;
}
#page .gd-flexdirection-row {
  flex-direction: row;
}
#page .gd-flexdirection-column {
  flex-direction: column;
}
#page .gd-flexdirection-rowreverse {
  flex-direction: row-reverse;
}
#page .gd-flexdirection-columnreverse {
  flex-direction: column-reverse;
}
#page .gd-justifycontent-center {
  justify-content: center;
}
#page .gd-justifycontent-flexstart {
  justify-content: flex-start;
}
#page .gd-justifycontent-flexend {
  justify-content: flex-end;
}
#page .gd-justifycontent-spacearound {
  justify-content: space-around;
}
#page .gd-justifycontent-spacebetween {
  justify-content: space-between;
}
#page .gd-alignitems-center {
  align-items: center;
}
#page .gd-alignitems-flexstart {
  align-items: flex-start;
}
#page .gd-alignitems-flexend {
  align-items: flex-end;
}

/* ONLY DESKTOP */
@media screen and (min-width: 960px) {
  #page .gd-l-flex {
    display: flex;
  }
  #page .gd-flexdirection-l-row {
    flex-direction: row;
  }
  #page .gd-flexdirection-l-column {
    flex-direction: column;
  }
  #page .gd-flexdirection-l-rowreverse {
    flex-direction: row-reverse;
  }
  #page .gd-flexdirection-l-columnreverse {
    flex-direction: column-reverse;
  }
  #page .gd-justifycontent-l-center {
    justify-content: center;
  }
  #page .gd-justifycontent-l-flexstart {
    justify-content: flex-start;
  }
  #page .gd-justifycontent-l-flexend {
    justify-content: flex-end;
  }
  #page .gd-justifycontent-l-spacearound {
    justify-content: space-around;
  }
  #page .gd-justifycontent-l-spacebetween {
    justify-content: space-between;
  }
  #page .gd-alignitems-l-center {
    align-items: center;
  }
  #page .gd-alignitems-l-flexstart {
    align-items: flex-start;
  }
  #page .gd-alignitems-l-flexend {
    align-items: flex-end;
  }
}

/* TABLET */
@media screen and (max-width: 960px) {
  #page .gd-m-flex {
    display: flex;
  }
  #page .gd-flexdirection-m-row {
    flex-direction: row;
  }
  #page .gd-flexdirection-m-column {
    flex-direction: column;
  }
  #page .gd-flexdirection-m-rowreverse {
    flex-direction: row-reverse;
  }
  #page .gd-flexdirection-m-columnreverse {
    flex-direction: column-reverse;
  }
  #page .gd-justifycontent-m-center {
    justify-content: center;
  }
  #page .gd-justifycontent-m-flexstart {
    justify-content: flex-start;
  }
  #page .gd-justifycontent-m-flexend {
    justify-content: flex-end;
  }
  #page .gd-justifycontent-m-spacearound {
    justify-content: space-around;
  }
  #page .gd-justifycontent-m-spacebetween {
    justify-content: space-between;
  }
  #page .gd-alignitems-m-center {
    align-items: center;
  }
  #page .gd-alignitems-m-flexstart {
    align-items: flex-start;
  }
  #page .gd-alignitems-m-flexend {
    align-items: flex-end;
  }
}

/* MOBILE */
@media screen and (max-width: 640px) {
  #page .gd-s-flex {
    display: flex;
  }
  #page .gd-flexdirection-s-row {
    flex-direction: row;
  }
  #page .gd-flexdirection-s-column {
    flex-direction: column;
  }
  #page .gd-flexdirection-s-rowreverse {
    flex-direction: row-reverse;
  }
  #page .gd-flexdirection-s-columnreverse {
    flex-direction: column-reverse;
  }
  #page .gd-justifycontent-s-center {
    justify-content: center;
  }
  #page .gd-justifycontent-s-flexstart {
    justify-content: flex-start;
  }
  #page .gd-justifycontent-s-flexend {
    justify-content: flex-end;
  }
  #page .gd-justifycontent-s-spacearound {
    justify-content: space-around;
  }
  #page .gd-justifycontent-s-spacebetween {
    justify-content: space-between;
  }
  #page .gd-alignitems-s-center {
    align-items: center;
  }
  #page .gd-alignitems-s-flexstart {
    align-items: flex-start;
  }
  #page .gd-alignitems-s-flexend {
    align-items: flex-end;
  }
}