/* FLEXBOX: */

.Flex {
    display: flex;
  }
  
  .row {
    flex-direction: row;
  }
  
  .flexRow {
    flex-direction: row;
  }
  
  .wrap {
    flex-wrap: wrap;
  }
  
  .column {
    flex-direction: column;
  }
  
  .rvsd {
    flex-direction: row-reverse;
  }
  
  .textCenter {
    text-align: center;
  }
  
  .center {
    align-items: center;
    justify-content: center;
  }
  
  .flexStart {
    align-items: flex-start;
    align-self: flex-start;
  }
  
  .flexEnd {
    align-items: flex-end;
    align-self: flex-end;
  }
  
  .flexTop {
    align-items: flex-start;
  }
  
  .alignBottom {
    align-self: self-end;
  }
  
  .spaceBetween {
    align-content: space-between;
    justify-content: space-between;
  }
  
  .spaceAround {
    align-content: space-around;
    justify-content: space-around;
  }
  
  .spaceEvenly {
    align-content: space-evenly;
    justify-content: space-evenly;
  }
  
  .gap5 {
    gap: 5px;
  }
  
  .gap10 {
    gap: 10px;
  }
  
  .gap20 {
    gap: 20px;
  }
  
  .gap30 {
    gap: 30px;
  }

  .gap40 {
    gap: 40px;
  }
  
  .gap50 {
    gap: 50px;
  }
  
  .gap70 {
    gap: 70px;
  }
  
  .gap100 {
    gap: 100px;
  }

  .gap125 {
    gap: 125px;
  }

  .gap150 {
    gap: 150px;
  }
  
  .spacer {
    margin: 10px;
    /* border: dashed 1px; */
  }
  
  @media screen and (max-width: 750px) {
    .flexRow {
      flex-direction: column;
    }
  }