.row-reverse {
    flex-direction: row-reverse;
  }
  .row-vertical {
    flex-direction: column;
  }

  .row-vertical-reverse {
    flex-direction: column-reverse;
  }

  .items-wrap {
    flex-wrap: wrap;
  }

  .items-nowrap {
    flex-wrap: nowrap;
  }

  .items-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .items-align-start, .items-align-left, .items-start {
    justify-content: flex-start;
  }

  .items-align-end, .items-align-right, .items-end {
    justify-content: flex-end;
  }

  .items-align-center , .items-center{
    justify-content: center;
  }

  .items-align-equal, .items-equal {
    justify-content: space-between;
  }


.items-align-space-around, .items-space-around {
    justify-content: space-between;
  }

  .items-v-align-top{
      align-items: flex-start;
  }

  .items-v-align-bottom{
    align-items: flex-end;
}

.items-v-align-center{
  align-items: center;
}

.items-v-align-baseline{
  align-items: baseline;
}

.items-v-align-full{
  align-items: stretch;
}


.items-wrap-align-top{
  align-content: start;
}

.items-wrap-align-bottom{
  align-content: end;
}

.items-wrap-align-center{
  align-content: center;
}

.items-wrap-align-full{
  align-content: stretch;
}

.items-wrap-align-center{
  align-content: center;
}

.items-wrap-align-equal{
  align-content: space-between;
}


.items-wrap-align-space-around{
  align-content: space-around;
}

.items-h-gap-10{
  column-gap: 10px;
}

.items-h-gap-20{
  column-gap: 20px;
}
.items-h-gap-30{
  column-gap: 30px;
}

.items-h-gap-40{
  column-gap: 40px;
}
.items-h-gap-50{
  column-gap: 50px;
}
.items-h-gap-60{
  column-gap: 60px;
}

.items-h-gap-75{
  column-gap: 75px;
}

.items-h-gap-100{
  column-gap: 100px;
}

.items-v-gap-10{
  row-gap: 10px;
}

.items-v-gap-20{
  row-gap: 20px;
}
.items-v-gap-30{
  row-gap: 30px;
}

.items-v-gap-40{
  row-gap: 40px;
}
.items-v-gap-50{
  row-gap: 50px;
}
.items-v-gap-60{
  row-gap: 60px;
}

.items-v-gap-75{
  row-gap: 75px;
}

.items-v-gap-100{
  row-gap: 100px;}


  .btn-primary {
    padding: 5px;
  }

  .row.mt-l {
    margin-top: 20px;
  }

  .col-1 {
    flex-basis: 10%;
  }

  .col-2 {
    flex-basis: 20%;
  }

  .col-3 {
    flex-basis: 30%;
  }

  .col-4 {
    flex-basis: 40%;
  }

  .col-5 {
    flex-basis: 50%;
  }

  .col-6 {
    flex-basis: 60%;
  }

  .col-7 {
    flex-basis: 70%;
  }

  .col-8 {
    flex-basis: 80%;
  }

  .col-9 {
    flex-basis: 90%;
  }

  .col-10 {
    flex-basis: 100%;
  }

  .col-25 {
    flex-basis: 25%;
  }

  .col-75 {
    flex-basis: 75%;
  }


  .col-grow-1{
    flex-grow: 1
  }
  .col-grow-2{
    flex-grow: 2
  }
  .col-grow-2{
    flex-grow: 2
  }
  .col-grow-3{
    flex-grow: 3
  }
  .col-grow-4{
    flex-grow: 4
  }


  .col-grow-5{
    flex-grow: 5
  }
  .col-grow-6{
    flex-grow: 6
  }
  .col-grow-7{
    flex-grow: 7
  }
  .col-grow-8{
    flex-grow: 8
  }
  .col-grow-9{
    flex-grow: 9
  }

  .col-grow-10{
    flex-grow: 10
  }

  .col-shrink-1{
    flex-shrink: 1
  }
  .col-shrink-2{
    flex-shrink: 2
  }
  .col-shrink-2{
    flex-shrink: 2
  }
  .col-shrink-3{
    flex-shrink: 3
  }
  .col-shrink-4{
    flex-shrink: 4
  }


  .col-shrink-5{
    flex-shrink: 5
  }
  .col-shrink-6{
    flex-shrink: 6
  }
  .col-shrink-7{
    flex-shrink: 7
  }
  .col-shrink-8{
    flex-shrink: 8
  }
  .col-shrink-9{
    flex-shrink: 9
  }

  .col-shrink-10{
    flex-shrink: 10
  }

  .t-align-right{
    text-align: right;
  }


  .t-align-left{
    text-align: left;
  }

  .t-align-center{
    text-align: center;
  }









  .col-v-align-top{
    align-self:flex-start
  }

  .col-v-align-bottom{
    align-self:flex-end
  }

  .col-v-align-center{
    align-self:center
  }

  .col-v-align-baseline{
    align-self:baseline
  }

  .col-float-right{
    margin-left:auto !important;
  }

  .col-float-left{
    margin-right:auto !important;
  }

  .col-float-center{
    margin: auto !important;
  }


  .row {
    display: flex;
  }

  .row.mt-s {
    margin-top: 2px;
  }

  .row.mb-s {
    margin-bottom: 2px;
  }

  .row.ml-s {
    margin-left: 2px;
  }

  .row.mr-s {
    margin-right: 2px;
  }