/*
  DOCUMENTATION
  
  - section (.wrap-12) > .row > .col ( > .col)
  - section (.wrap-12) > .grid > .grid-item ( > .col)
  - .col-[1-12](-xs)
  - .spacing-[0/10](-xs) // espace entre les colonnes
  - div.spacer-[0/100](-xs) // espace horizontal entre deux sections 
  - (.row / .col).flex-left  .flex-center  .flex-right  .flex-top  .flex-middle  .flex-bottom  .flex-around  .flex-between
  - (.row / .col / .grid) .reverse(-xs) // inverse l'ordre des items
  - .text-left, .text-right, .text-center, .text-justify
  - .padding-[0-10 et 10-100](-xs)
  - .h-padding-[0-10 et 10-100](-xs)
  - .v-padding-[0-10 et 10-100](-xs)
  - .margin-[0-10 et 10-100](-xs)
  - .h-margin-[0-10 et 10-100](-xs)
  - .v-margin-[0-10 et 10-100](-xs)

*/


/* PARAMS */ 
.grid {
  justify-content: space-between;
  margin-left:-15px;
  margin-right:-15px;
}
.grid .grid-item {
  width: 350px;
  margin: 15px;
}
.wrap {
    max-width:1450px; 
    margin-left:auto; 
    margin-right: auto; 
    padding-left:15px; 
    padding-right:15px;
}
.wrap-half {
    width:100%;
    max-width:725px;
}
.wrap-third {
    max-width:483.33333px;
}
/* END PARAMS */



.row, .grid {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}
.col {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
.col-auto {
  flex-basis: 0;
}
.col .col { /* IE FIX */
  flex-basis: auto;
} 
.grid .grid-item {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}

.col-1 {
  flex-basis: 8.33333333%;  
  max-width: 8.33333333%;
}
.col-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.row.no-wrap {
  flex-wrap: nowrap;
}

.row.flex-left {justify-content: flex-start;text-align: start;}
.row.flex-center {justify-content: center;text-align: center;}
.row.flex-right {justify-content: flex-end;text-align: end;}
.row.flex-top {align-items: flex-start;}
.row.flex-middle {align-items: center;}
.row.flex-bottom {align-items: flex-end;}
.col.flex-left {align-items: flex-start;}
.col.flex-center {align-items: center;}
.col.flex-right {align-items: flex-end;}
.col.flex-top {justify-content: flex-start;}
.col.flex-middle {justify-content: center;}
.col.flex-bottom {justify-content: flex-end;}
.flex-around {justify-content: space-around;}
.flex-between {justify-content: space-between;}

.row.reverse {flex-direction: row-reverse;}
.col.reverse {flex-direction: column-reverse;}
.grid.reverse {flex-direction: row-reverse;}

.col.spacing, 
.col.spacing-10,
.col.spacing-20,
.col.spacing-30,
.col.spacing-40,
.col.spacing-50,
.col.spacing-60,
.col.spacing-70,
.col.spacing-80,
.col.spacing-90,
.col.spacing-100 {
  border-style: solid;
  border-color: transparent;
  background-clip: padding-box;
}
.col.spacing-0 {border:0px}
.col.spacing-10 {border-right-width:10px;border-left-width:10px}
.col.spacing-20, .col.spacing {border-right-width:20px;border-left-width:20px}
.col.spacing-30 {border-right-width:30px;border-left-width:30px}
.col.spacing-40 {border-right-width:40px;border-left-width:40px}
.col.spacing-50 {border-right-width:50px;border-left-width:50px}
.col.spacing-60 {border-right-width:60px;border-left-width:60px}
.col.spacing-70 {border-right-width:70px;border-left-width:70px}
.col.spacing-80 {border-right-width:80px;border-left-width:80px}
.col.spacing-90 {border-right-width:90px;border-left-width:90px}
.col.spacing-100 {border-right-width:100px;border-left-width:100px}

.spacer-100 {height:100px;}
.spacer-90 {height:90px;}
.spacer-80 {height:80px;}
.spacer-70 {height:70px;}
.spacer-60 {height:60px;}
.spacer-50 {height:50px;}
.spacer-40 {height:40px;}
.spacer-30 {height:30px;}
.spacer-20 {height:20px;}
.spacer-10 {height:10px;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}

.padding-0 {padding:0px;}
.padding-3 {padding:3px;}
.padding-4 {padding:4px;}
.padding-5 {padding:5px;}
.padding-6 {padding:6px;}
.padding-7 {padding:7px;}
.padding-8 {padding:8px;}
.padding-10 {padding:10px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}
.padding-40 {padding:40px;}
.padding-50 {padding:50px;}
.padding-60 {padding:60px;}
.padding-70 {padding:70px;}
.padding-80 {padding:80px;}
.padding-90 {padding:90px;}
.padding-100 {padding:100px;}

.h-padding-0 {padding-left:0px;padding-right:0px;}
.h-padding-3 {padding-left:3px;padding-right:3px;}
.h-padding-4 {padding-left:4px;padding-right:4px;}
.h-padding-5 {padding-left:5px;padding-right:5px;}
.h-padding-6 {padding-left:6px;padding-right:6px;}
.h-padding-7 {padding-left:7px;padding-right:7px;}
.h-padding-8 {padding-left:8px;padding-right:8px;}
.h-padding-10 {padding-left:10px;padding-right:10px;}
.h-padding-20 {padding-left:20px;padding-right:20px;}
.h-padding-30 {padding-left:30px;padding-right:30px;}
.h-padding-40 {padding-left:40px;padding-right:40px;}
.h-padding-50 {padding-left:50px;padding-right:50px;}
.h-padding-60 {padding-left:60px;padding-right:60px;}
.h-padding-70 {padding-left:70px;padding-right:70px;}
.h-padding-80 {padding-left:80px;padding-right:80px;}
.h-padding-90 {padding-left:90px;padding-right:90px;}
.h-padding-100 {padding-left:100px;padding-right:100px;}

.v-padding-0 {padding-top:0px;padding-bottom:0px;}
.v-padding-3 {padding-top:3px;padding-bottom:3px;}
.V-padding-4 {padding-top:4px;padding-bottom:4px;}
.v-padding-5 {padding-top:5px;padding-bottom:5px;}
.v-padding-6 {padding-top:6px;padding-bottom:6px;}
.v-padding-7 {padding-top:7px;padding-bottom:7px;}
.v-padding-8 {padding-top:8px;padding-bottom:8px;}
.v-padding-10 {padding-top:10px;padding-bottom:10px;}
.v-padding-20 {padding-top:20px;padding-bottom:20px;}
.v-padding-30 {padding-top:30px;padding-bottom:30px;}
.v-padding-40 {padding-top:40px;padding-bottom:40px;}
.v-padding-50 {padding-top:50px;padding-bottom:50px;}
.v-padding-60 {padding-top:60px;padding-bottom:60px;}
.v-padding-70 {padding-top:70px;padding-bottom:70px;}
.v-padding-80 {padding-top:80px;padding-bottom:80px;}
.v-padding-90 {padding-top:90px;padding-bottom:90px;}
.v-padding-100 {padding-top:100px;padding-bottom:100px;}

.margin-0 {margin:0px;}
.margin-3 {margin:3px;}
.margin-4 {margin:4px;}
.margin-5 {margin:5px;}
.margin-6 {margin:6px;}
.margin-7 {margin:7px;}
.margin-8 {margin:8px;}
.margin-10 {margin:10px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}
.margin-40 {margin:40px;}
.margin-50 {margin:50px;}
.margin-60 {margin:60px;}
.margin-70 {margin:70px;}
.margin-80 {margin:80px;}
.margin-90 {margin:90px;}
.margin-100 {margin:100px;}

.h-margin-0 {margin-left:0px;margin-right:0px;}
.h-margin-3 {margin-left:3px;margin-right:3px;}
.h-margin-4 {margin-left:4px;margin-right:4px;}
.h-margin-5 {margin-left:5px;margin-right:5px;}
.h-margin-6 {margin-left:6px;margin-right:6px;}
.h-margin-7 {margin-left:7px;margin-right:7px;}
.h-margin-8 {margin-left:8px;margin-right:8px;}
.h-margin-10 {margin-left:10px;margin-right:10px;}
.h-margin-20 {margin-left:20px;margin-right:20px;}
.h-margin-30 {margin-left:30px;margin-right:30px;}
.h-margin-40 {margin-left:40px;margin-right:40px;}
.h-margin-50 {margin-left:50px;margin-right:50px;}
.h-margin-60 {margin-left:60px;margin-right:60px;}
.h-margin-70 {margin-left:70px;margin-right:70px;}
.h-margin-80 {margin-left:80px;margin-right:80px;}
.h-margin-90 {margin-left:90px;margin-right:90px;}
.h-margin-100 {margin-left:100px;margin-right:100px;}

.v-margin-0 {margin-top:0px;margin-bottom:0px;}
.v-margin-3 {margin-top:3px;margin-bottom:3px;}
.V-margin-4 {margin-top:4px;margin-bottom:4px;}
.v-margin-5 {margin-top:5px;margin-bottom:5px;}
.v-margin-6 {margin-top:6px;margin-bottom:6px;}
.v-margin-7 {margin-top:7px;margin-bottom:7px;}
.v-margin-8 {margin-top:8px;margin-bottom:8px;}
.v-margin-10 {margin-top:10px;margin-bottom:10px;}
.v-margin-20 {margin-top:20px;margin-bottom:20px;}
.v-margin-30 {margin-top:30px;margin-bottom:30px;}
.v-margin-40 {margin-top:40px;margin-bottom:40px;}
.v-margin-50 {margin-top:50px;margin-bottom:50px;}
.v-margin-60 {margin-top:60px;margin-bottom:60px;}
.v-margin-70 {margin-top:70px;margin-bottom:70px;}
.v-margin-80 {margin-top:80px;margin-bottom:80px;}
.v-margin-90 {margin-top:90px;margin-bottom:90px;}
.v-margin-100 {margin-top:100px;margin-bottom:100px;}


@media only screen and (max-width: 1200px) {


  .grid {
    justify-content: center;
    margin:0;
  }

  .row-to-col-lg {
    flex-direction:column;
  }
  .row-to-col-reverse-lg {
    flex-direction:column-reverse;
  }

  .col-auto-lg {
    flex-basis: auto;
  }

  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .row.flex-left-lg {justify-content: flex-start;text-align: start;}
  .row.flex-center-lg {justify-content: center;text-align: center;}
  .row.flex-right-lg {justify-content: flex-end;text-align: end;}
  .row.flex-top-lg {align-items: flex-start;}
  .row.flex-middle-lg {align-items: center;}
  .row.flex-bottom-lg {align-items: flex-end;}
  .col.flex-left-lg {align-items: flex-start;}
  .col.flex-center-lg {align-items: center;}
  .col.flex-right-lg {align-items: flex-end;}
  .col.flex-top-lg {justify-content: flex-start;text-align: start;}
  .col.flex-middle-lg {justify-content: center;}
  .col.flex-bottom-lg {justify-content: flex-end;text-align: end;}
  .flex-around-lg {justify-content: space-around;}
  .flex-between-lg {justify-content: space-between;}

  .row.reverse-lg {flex-direction: row-reverse;}
  .col.reverse-lg {flex-direction: column-reverse;}
  .grid.reverse-lg {flex-direction: row-reverse;}

  .row.no-wrap-lg {flex-wrap: nowrap;}

  .col.spacing-0-lg {border:0px}
  .col.spacing-10-lg {border-right-width:10px;border-left-width:10px}
  .col.spacing-20-lg {border-right-width:20px;border-left-width:20px}
  .col.spacing-30-lg {border-right-width:30px;border-left-width:30px}
  .col.spacing-40-lg {border-right-width:40px;border-left-width:40px}
  .col.spacing-50-lg {border-right-width:50px;border-left-width:50px}
  .col.spacing-60-lg {border-right-width:60px;border-left-width:60px}
  .col.spacing-70-lg {border-right-width:70px;border-left-width:70px}
  .col.spacing-80-lg {border-right-width:80px;border-left-width:80px}
  .col.spacing-90-lg {border-right-width:90px;border-left-width:90px}
  .col.spacing-100-lg {border-right-width:100px;border-left-width:100px}

  .spacer-100-lg {height:100px;}
  .spacer-90-lg {height:90px;}
  .spacer-80-lg {height:80px;}
  .spacer-70-lg {height:70px;}
  .spacer-60-lg {height:60px;}
  .spacer-50-lg {height:50px;}
  .spacer-40-lg {height:40px;}
  .spacer-30-lg {height:30px;}
  .spacer-20-lg {height:20px;}
  .spacer-10-lg {height:10px;}

  .text-left-lg {text-align: left;}
  .text-right-lg {text-align: right;}
  .text-center-lg {text-align: center;}
  .text-justify-lg {text-align: justify;}

  .padding-0-lg {padding:0px;}
  .padding-3-lg {padding:3px;}
  .padding-4-lg {padding:4px;}
  .padding-5-lg {padding:5px;}
  .padding-6-lg {padding:6px;}
  .padding-7-lg {padding:7px;}
  .padding-8-lg {padding:8px;}
  .padding-10-lg {padding:10px;}
  .padding-20-lg {padding:20px;}
  .padding-30-lg {padding:30px;}
  .padding-40-lg {padding:40px;}
  .padding-50-lg {padding:50px;}
  .padding-60-lg {padding:60px;}
  .padding-70-lg {padding:70px;}
  .padding-80-lg {padding:80px;}
  .padding-90-lg {padding:90px;}
  .padding-100-lg {padding:100px;}

  .h-padding-0-lg {padding-left:0px;padding-right:0px;}
  .h-padding-3-lg {padding-left:3px;padding-right:3px;}
  .h-padding-4-lg {padding-left:4px;padding-right:4px;}
  .h-padding-5-lg {padding-left:5px;padding-right:5px;}
  .h-padding-6-lg {padding-left:6px;padding-right:6px;}
  .h-padding-7-lg {padding-left:7px;padding-right:7px;}
  .h-padding-8-lg {padding-left:8px;padding-right:8px;}
  .h-padding-10-lg {padding-left:10px;padding-right:10px;}
  .h-padding-20-lg {padding-left:20px;padding-right:20px;}
  .h-padding-30-lg {padding-left:30px;padding-right:30px;}
  .h-padding-40-lg {padding-left:40px;padding-right:40px;}
  .h-padding-50-lg {padding-left:50px;padding-right:50px;}
  .h-padding-60-lg {padding-left:60px;padding-right:60px;}
  .h-padding-70-lg {padding-left:70px;padding-right:70px;}
  .h-padding-80-lg {padding-left:80px;padding-right:80px;}
  .h-padding-90-lg {padding-left:90px;padding-right:90px;}
  .h-padding-100-lg {padding-left:100px;padding-right:100px;}

  .v-padding-0-lg {padding-top:0px;padding-bottom:0px;}
  .v-padding-3-lg {padding-top:3px;padding-bottom:3px;}
  .V-padding-4-lg {padding-top:4px;padding-bottom:4px;}
  .v-padding-5-lg {padding-top:5px;padding-bottom:5px;}
  .v-padding-6-lg {padding-top:6px;padding-bottom:6px;}
  .v-padding-7-lg {padding-top:7px;padding-bottom:7px;}
  .v-padding-8-lg {padding-top:8px;padding-bottom:8px;}
  .v-padding-10-lg {padding-top:10px;padding-bottom:10px;}
  .v-padding-20-lg {padding-top:20px;padding-bottom:20px;}
  .v-padding-30-lg {padding-top:30px;padding-bottom:30px;}
  .v-padding-40-lg {padding-top:40px;padding-bottom:40px;}
  .v-padding-50-lg {padding-top:50px;padding-bottom:50px;}
  .v-padding-60-lg {padding-top:60px;padding-bottom:60px;}
  .v-padding-70-lg {padding-top:70px;padding-bottom:70px;}
  .v-padding-80-lg {padding-top:80px;padding-bottom:80px;}
  .v-padding-90-lg {padding-top:90px;padding-bottom:90px;}
  .v-padding-100-lg {padding-top:100px;padding-bottom:100px;}

  .margin-0-lg {margin:0px;}
  .margin-3-lg {margin:3px;}
  .margin-4-lg {margin:4px;}
  .margin-5-lg {margin:5px;}
  .margin-6-lg {margin:6px;}
  .margin-7-lg {margin:7px;}
  .margin-8-lg {margin:8px;}
  .margin-10-lg {margin:10px;}
  .margin-20-lg {margin:20px;}
  .margin-30-lg {margin:30px;}
  .margin-40-lg {margin:40px;}
  .margin-50-lg {margin:50px;}
  .margin-60-lg {margin:60px;}
  .margin-70-lg {margin:70px;}
  .margin-80-lg {margin:80px;}
  .margin-90-lg {margin:90px;}
  .margin-100-lg {margin:100px;}

  .h-margin-0-lg {margin-left:0px;margin-right:0px;}
  .h-margin-3-lg {margin-left:3px;margin-right:3px;}
  .h-margin-4-lg {margin-left:4px;margin-right:4px;}
  .h-margin-5-lg {margin-left:5px;margin-right:5px;}
  .h-margin-6-lg {margin-left:6px;margin-right:6px;}
  .h-margin-7-lg {margin-left:7px;margin-right:7px;}
  .h-margin-8-lg {margin-left:8px;margin-right:8px;}
  .h-margin-10-lg {margin-left:10px;margin-right:10px;}
  .h-margin-20-lg {margin-left:20px;margin-right:20px;}
  .h-margin-30-lg {margin-left:30px;margin-right:30px;}
  .h-margin-40-lg {margin-left:40px;margin-right:40px;}
  .h-margin-50-lg {margin-left:50px;margin-right:50px;}
  .h-margin-60-lg {margin-left:60px;margin-right:60px;}
  .h-margin-70-lg {margin-left:70px;margin-right:70px;}
  .h-margin-80-lg {margin-left:80px;margin-right:80px;}
  .h-margin-90-lg {margin-left:90px;margin-right:90px;}
  .h-margin-100-lg {margin-left:100px;margin-right:100px;}

  .v-margin-0-lg {margin-top:0px;margin-bottom:0px;}
  .v-margin-3-lg {margin-top:3px;margin-bottom:3px;}
  .V-margin-4-lg {margin-top:4px;margin-bottom:4px;}
  .v-margin-5-lg {margin-top:5px;margin-bottom:5px;}
  .v-margin-6-lg {margin-top:6px;margin-bottom:6px;}
  .v-margin-7-lg {margin-top:7px;margin-bottom:7px;}
  .v-margin-8-lg {margin-top:8px;margin-bottom:8px;}
  .v-margin-10-lg {margin-top:10px;margin-bottom:10px;}
  .v-margin-20-lg {margin-top:20px;margin-bottom:20px;}
  .v-margin-30-lg {margin-top:30px;margin-bottom:30px;}
  .v-margin-40-lg {margin-top:40px;margin-bottom:40px;}
  .v-margin-50-lg {margin-top:50px;margin-bottom:50px;}
  .v-margin-60-lg {margin-top:60px;margin-bottom:60px;}
  .v-margin-70-lg {margin-top:70px;margin-bottom:70px;}
  .v-margin-80-lg {margin-top:80px;margin-bottom:80px;}
  .v-margin-90-lg {margin-top:90px;margin-bottom:90px;}
  .v-margin-100-lg {margin-top:100px;margin-bottom:100px;}
}

@media only screen and (max-width: 1000px) {

  .row-to-col-md {
    flex-direction:column;
  }
  .row-to-col-inverse-md {
    flex-direction:column-reverse;
  }


  .col-auto-md {
    flex-basis: auto;
  }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .row.flex-left-md {justify-content: flex-start;text-align: start;}
  .row.flex-center-md {justify-content: center;text-align: center;}
  .row.flex-right-md {justify-content: flex-end;text-align: end;}
  .row.flex-top-md {align-items: flex-start;}
  .row.flex-middle-md {align-items: center;}
  .row.flex-bottom-md {align-items: flex-end;}
  .col.flex-left-md {align-items: flex-start;}
  .col.flex-center-md {align-items: center;}
  .col.flex-right-md {align-items: flex-end;}
  .col.flex-top-md {justify-content: flex-start;text-align: start;}
  .col.flex-middle-md {justify-content: center;}
  .col.flex-bottom-md {justify-content: flex-end;text-align: end;}
  .flex-around-md {justify-content: space-around;}
  .flex-between-md {justify-content: space-between;}

  .row.reverse-md {flex-direction: row-reverse;}
  .col.reverse-md {flex-direction: column-reverse;}
  .row.col-reverse-md {flex-direction: column-reverse;}
  .col.row-reverse-md {flex-direction: row-reverse;}
  .grid.reverse-md {flex-direction: row-reverse;}

  .row.no-wrap-md {flex-wrap: nowrap;}

  .col.spacing-0-md {border:0px}
  .col.spacing-10-md {border-right-width:10px;border-left-width:10px}
  .col.spacing-20-md {border-right-width:20px;border-left-width:20px}
  .col.spacing-30-md {border-right-width:30px;border-left-width:30px}
  .col.spacing-40-md {border-right-width:40px;border-left-width:40px}
  .col.spacing-50-md {border-right-width:50px;border-left-width:50px}
  .col.spacing-60-md {border-right-width:60px;border-left-width:60px}
  .col.spacing-70-md {border-right-width:70px;border-left-width:70px}
  .col.spacing-80-md {border-right-width:80px;border-left-width:80px}
  .col.spacing-90-md {border-right-width:90px;border-left-width:90px}
  .col.spacing-100-md {border-right-width:100px;border-left-width:100px}

  .spacer-100-md {height:100px;}
  .spacer-90-md {height:90px;}
  .spacer-80-md {height:80px;}
  .spacer-70-md {height:70px;}
  .spacer-60-md {height:60px;}
  .spacer-50-md {height:50px;}
  .spacer-40-md {height:40px;}
  .spacer-30-md {height:30px;}
  .spacer-20-md {height:20px;}
  .spacer-10-md {height:10px;}

  .text-left-md {text-align: left;}
  .text-right-md {text-align: right;}
  .text-center-md {text-align: center;}
  .text-justify-md {text-align: justify;}

  .padding-0-md {padding:0px;}
  .padding-3-md {padding:3px;}
  .padding-4-md {padding:4px;}
  .padding-5-md {padding:5px;}
  .padding-6-md {padding:6px;}
  .padding-7-md {padding:7px;}
  .padding-8-md {padding:8px;}
  .padding-10-md {padding:10px;}
  .padding-20-md {padding:20px;}
  .padding-30-md {padding:30px;}
  .padding-40-md {padding:40px;}
  .padding-50-md {padding:50px;}
  .padding-60-md {padding:60px;}
  .padding-70-md {padding:70px;}
  .padding-80-md {padding:80px;}
  .padding-90-md {padding:90px;}
  .padding-100-md {padding:100px;}

  .h-padding-0-md {padding-left:0px;padding-right:0px;}
  .h-padding-3-md {padding-left:3px;padding-right:3px;}
  .h-padding-4-md {padding-left:4px;padding-right:4px;}
  .h-padding-5-md {padding-left:5px;padding-right:5px;}
  .h-padding-6-md {padding-left:6px;padding-right:6px;}
  .h-padding-7-md {padding-left:7px;padding-right:7px;}
  .h-padding-8-md {padding-left:8px;padding-right:8px;}
  .h-padding-10-md {padding-left:10px;padding-right:10px;}
  .h-padding-20-md {padding-left:20px;padding-right:20px;}
  .h-padding-30-md {padding-left:30px;padding-right:30px;}
  .h-padding-40-md {padding-left:40px;padding-right:40px;}
  .h-padding-50-md {padding-left:50px;padding-right:50px;}
  .h-padding-60-md {padding-left:60px;padding-right:60px;}
  .h-padding-70-md {padding-left:70px;padding-right:70px;}
  .h-padding-80-md {padding-left:80px;padding-right:80px;}
  .h-padding-90-md {padding-left:90px;padding-right:90px;}
  .h-padding-100-md {padding-left:100px;padding-right:100px;}

  .v-padding-0-md {padding-top:0px;padding-bottom:0px;}
  .v-padding-3-md {padding-top:3px;padding-bottom:3px;}
  .V-padding-4-md {padding-top:4px;padding-bottom:4px;}
  .v-padding-5-md {padding-top:5px;padding-bottom:5px;}
  .v-padding-6-md {padding-top:6px;padding-bottom:6px;}
  .v-padding-7-md {padding-top:7px;padding-bottom:7px;}
  .v-padding-8-md {padding-top:8px;padding-bottom:8px;}
  .v-padding-10-md {padding-top:10px;padding-bottom:10px;}
  .v-padding-20-md {padding-top:20px;padding-bottom:20px;}
  .v-padding-30-md {padding-top:30px;padding-bottom:30px;}
  .v-padding-40-md {padding-top:40px;padding-bottom:40px;}
  .v-padding-50-md {padding-top:50px;padding-bottom:50px;}
  .v-padding-60-md {padding-top:60px;padding-bottom:60px;}
  .v-padding-70-md {padding-top:70px;padding-bottom:70px;}
  .v-padding-80-md {padding-top:80px;padding-bottom:80px;}
  .v-padding-90-md {padding-top:90px;padding-bottom:90px;}
  .v-padding-100-md {padding-top:100px;padding-bottom:100px;}

  .margin-0-md {margin:0px;}
  .margin-3-md {margin:3px;}
  .margin-4-md {margin:4px;}
  .margin-5-md {margin:5px;}
  .margin-6-md {margin:6px;}
  .margin-7-md {margin:7px;}
  .margin-8-md {margin:8px;}
  .margin-10-md {margin:10px;}
  .margin-20-md {margin:20px;}
  .margin-30-md {margin:30px;}
  .margin-40-md {margin:40px;}
  .margin-50-md {margin:50px;}
  .margin-60-md {margin:60px;}
  .margin-70-md {margin:70px;}
  .margin-80-md {margin:80px;}
  .margin-90-md {margin:90px;}
  .margin-100-md {margin:100px;}

  .h-margin-0-md {margin-left:0px;margin-right:0px;}
  .h-margin-3-md {margin-left:3px;margin-right:3px;}
  .h-margin-4-md {margin-left:4px;margin-right:4px;}
  .h-margin-5-md {margin-left:5px;margin-right:5px;}
  .h-margin-6-md {margin-left:6px;margin-right:6px;}
  .h-margin-7-md {margin-left:7px;margin-right:7px;}
  .h-margin-8-md {margin-left:8px;margin-right:8px;}
  .h-margin-10-md {margin-left:10px;margin-right:10px;}
  .h-margin-20-md {margin-left:20px;margin-right:20px;}
  .h-margin-30-md {margin-left:30px;margin-right:30px;}
  .h-margin-40-md {margin-left:40px;margin-right:40px;}
  .h-margin-50-md {margin-left:50px;margin-right:50px;}
  .h-margin-60-md {margin-left:60px;margin-right:60px;}
  .h-margin-70-md {margin-left:70px;margin-right:70px;}
  .h-margin-80-md {margin-left:80px;margin-right:80px;}
  .h-margin-90-md {margin-left:90px;margin-right:90px;}
  .h-margin-100-md {margin-left:100px;margin-right:100px;}

  .v-margin-0-md {margin-top:0px;margin-bottom:0px;}
  .v-margin-3-md {margin-top:3px;margin-bottom:3px;}
  .V-margin-4-md {margin-top:4px;margin-bottom:4px;}
  .v-margin-5-md {margin-top:5px;margin-bottom:5px;}
  .v-margin-6-md {margin-top:6px;margin-bottom:6px;}
  .v-margin-7-md {margin-top:7px;margin-bottom:7px;}
  .v-margin-8-md {margin-top:8px;margin-bottom:8px;}
  .v-margin-10-md {margin-top:10px;margin-bottom:10px;}
  .v-margin-20-md {margin-top:20px;margin-bottom:20px;}
  .v-margin-30-md {margin-top:30px;margin-bottom:30px;}
  .v-margin-40-md {margin-top:40px;margin-bottom:40px;}
  .v-margin-50-md {margin-top:50px;margin-bottom:50px;}
  .v-margin-60-md {margin-top:60px;margin-bottom:60px;}
  .v-margin-70-md {margin-top:70px;margin-bottom:70px;}
  .v-margin-80-md {margin-top:80px;margin-bottom:80px;}
  .v-margin-90-md {margin-top:90px;margin-bottom:90px;}
  .v-margin-100-md {margin-top:100px;margin-bottom:100px;}
}

@media only screen and (max-width: 750px) {

  .row-to-col-sm {
    flex-direction:column;
  }
  .row-to-col-reverse-sm {
    flex-direction:column-reverse;
  }


  .col-auto-sm {
    flex-basis: auto;
  }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .row.flex-left-sm {justify-content: flex-start;text-align: start;}
  .row.flex-center-sm {justify-content: center;text-align: center;}
  .row.flex-right-sm {justify-content: flex-end;text-align: end;}
  .row.flex-top-sm {align-items: flex-start;}
  .row.flex-middle-sm {align-items: center;}
  .row.flex-bottom-sm {align-items: flex-end;}
  .col.flex-left-sm {align-items: flex-start;}
  .col.flex-center-sm {align-items: center;}
  .col.flex-right-sm {align-items: flex-end;}
  .col.flex-top-sm {justify-content: flex-start;text-align: start;}
  .col.flex-middle-sm {justify-content: center;}
  .col.flex-bottom-sm {justify-content: flex-end;text-align: end;}
  .flex-around-sm {justify-content: space-around;}
  .flex-between-sm {justify-content: space-between;}

  .row.reverse-sm {flex-direction: row-reverse;}
  .col.reverse-sm {flex-direction: column-reverse;}
  .row.col-reverse-sm {flex-direction: column-reverse;}
  .col.row-reverse-sm {flex-direction: row-reverse;}
  .grid.reverse-sm {flex-direction: row-reverse;}

  .row.no-wrap-sm {flex-wrap: nowrap;}

  .col.spacing-0-sm {border:0px}
  .col.spacing-10-sm {border-right-width:10px;border-left-width:10px}
  .col.spacing-20-sm {border-right-width:20px;border-left-width:20px}
  .col.spacing-30-sm {border-right-width:30px;border-left-width:30px}
  .col.spacing-40-sm {border-right-width:40px;border-left-width:40px}
  .col.spacing-50-sm {border-right-width:50px;border-left-width:50px}
  .col.spacing-60-sm {border-right-width:60px;border-left-width:60px}
  .col.spacing-70-sm {border-right-width:70px;border-left-width:70px}
  .col.spacing-80-sm {border-right-width:80px;border-left-width:80px}
  .col.spacing-90-sm {border-right-width:90px;border-left-width:90px}
  .col.spacing-100-sm {border-right-width:100px;border-left-width:100px}

  .spacer-100-sm {height:100px;}
  .spacer-90-sm {height:90px;}
  .spacer-80-sm {height:80px;}
  .spacer-70-sm {height:70px;}
  .spacer-60-sm {height:60px;}
  .spacer-50-sm {height:50px;}
  .spacer-40-sm {height:40px;}
  .spacer-30-sm {height:30px;}
  .spacer-20-sm {height:20px;}
  .spacer-10-sm {height:10px;}

  .text-left-sm {text-align: left;}
  .text-right-sm {text-align: right;}
  .text-center-sm {text-align: center;}
  .text-justify-sm {text-align: justify;}

  .padding-0-sm {padding:0px;}
  .padding-3-sm {padding:3px;}
  .padding-4-sm {padding:4px;}
  .padding-5-sm {padding:5px;}
  .padding-6-sm {padding:6px;}
  .padding-7-sm {padding:7px;}
  .padding-8-sm {padding:8px;}
  .padding-10-sm {padding:10px;}
  .padding-20-sm {padding:20px;}
  .padding-30-sm {padding:30px;}
  .padding-40-sm {padding:40px;}
  .padding-50-sm {padding:50px;}
  .padding-60-sm {padding:60px;}
  .padding-70-sm {padding:70px;}
  .padding-80-sm {padding:80px;}
  .padding-90-sm {padding:90px;}
  .padding-100-sm {padding:100px;}

  .h-padding-0-sm {padding-left:0px;padding-right:0px;}
  .h-padding-3-sm {padding-left:3px;padding-right:3px;}
  .h-padding-4-sm {padding-left:4px;padding-right:4px;}
  .h-padding-5-sm {padding-left:5px;padding-right:5px;}
  .h-padding-6-sm {padding-left:6px;padding-right:6px;}
  .h-padding-7-sm {padding-left:7px;padding-right:7px;}
  .h-padding-8-sm {padding-left:8px;padding-right:8px;}
  .h-padding-10-sm {padding-left:10px;padding-right:10px;}
  .h-padding-20-sm {padding-left:20px;padding-right:20px;}
  .h-padding-30-sm {padding-left:30px;padding-right:30px;}
  .h-padding-40-sm {padding-left:40px;padding-right:40px;}
  .h-padding-50-sm {padding-left:50px;padding-right:50px;}
  .h-padding-60-sm {padding-left:60px;padding-right:60px;}
  .h-padding-70-sm {padding-left:70px;padding-right:70px;}
  .h-padding-80-sm {padding-left:80px;padding-right:80px;}
  .h-padding-90-sm {padding-left:90px;padding-right:90px;}
  .h-padding-100-sm {padding-left:100px;padding-right:100px;}

  .v-padding-0-sm {padding-top:0px;padding-bottom:0px;}
  .v-padding-3-sm {padding-top:3px;padding-bottom:3px;}
  .V-padding-4-sm {padding-top:4px;padding-bottom:4px;}
  .v-padding-5-sm {padding-top:5px;padding-bottom:5px;}
  .v-padding-6-sm {padding-top:6px;padding-bottom:6px;}
  .v-padding-7-sm {padding-top:7px;padding-bottom:7px;}
  .v-padding-8-sm {padding-top:8px;padding-bottom:8px;}
  .v-padding-10-sm {padding-top:10px;padding-bottom:10px;}
  .v-padding-20-sm {padding-top:20px;padding-bottom:20px;}
  .v-padding-30-sm {padding-top:30px;padding-bottom:30px;}
  .v-padding-40-sm {padding-top:40px;padding-bottom:40px;}
  .v-padding-50-sm {padding-top:50px;padding-bottom:50px;}
  .v-padding-60-sm {padding-top:60px;padding-bottom:60px;}
  .v-padding-70-sm {padding-top:70px;padding-bottom:70px;}
  .v-padding-80-sm {padding-top:80px;padding-bottom:80px;}
  .v-padding-90-sm {padding-top:90px;padding-bottom:90px;}
  .v-padding-100-sm {padding-top:100px;padding-bottom:100px;}

  .margin-0-sm {margin:0px;}
  .margin-3-sm {margin:3px;}
  .margin-4-sm {margin:4px;}
  .margin-5-sm {margin:5px;}
  .margin-6-sm {margin:6px;}
  .margin-7-sm {margin:7px;}
  .margin-8-sm {margin:8px;}
  .margin-10-sm {margin:10px;}
  .margin-20-sm {margin:20px;}
  .margin-30-sm {margin:30px;}
  .margin-40-sm {margin:40px;}
  .margin-50-sm {margin:50px;}
  .margin-60-sm {margin:60px;}
  .margin-70-sm {margin:70px;}
  .margin-80-sm {margin:80px;}
  .margin-90-sm {margin:90px;}
  .margin-100-sm {margin:100px;}

  .h-margin-0-sm {margin-left:0px;margin-right:0px;}
  .h-margin-3-sm {margin-left:3px;margin-right:3px;}
  .h-margin-4-sm {margin-left:4px;margin-right:4px;}
  .h-margin-5-sm {margin-left:5px;margin-right:5px;}
  .h-margin-6-sm {margin-left:6px;margin-right:6px;}
  .h-margin-7-sm {margin-left:7px;margin-right:7px;}
  .h-margin-8-sm {margin-left:8px;margin-right:8px;}
  .h-margin-10-sm {margin-left:10px;margin-right:10px;}
  .h-margin-20-sm {margin-left:20px;margin-right:20px;}
  .h-margin-30-sm {margin-left:30px;margin-right:30px;}
  .h-margin-40-sm {margin-left:40px;margin-right:40px;}
  .h-margin-50-sm {margin-left:50px;margin-right:50px;}
  .h-margin-60-sm {margin-left:60px;margin-right:60px;}
  .h-margin-70-sm {margin-left:70px;margin-right:70px;}
  .h-margin-80-sm {margin-left:80px;margin-right:80px;}
  .h-margin-90-sm {margin-left:90px;margin-right:90px;}
  .h-margin-100-sm {margin-left:100px;margin-right:100px;}

  .v-margin-0-sm {margin-top:0px;margin-bottom:0px;}
  .v-margin-3-sm {margin-top:3px;margin-bottom:3px;}
  .V-margin-4-sm {margin-top:4px;margin-bottom:4px;}
  .v-margin-5-sm {margin-top:5px;margin-bottom:5px;}
  .v-margin-6-sm {margin-top:6px;margin-bottom:6px;}
  .v-margin-7-sm {margin-top:7px;margin-bottom:7px;}
  .v-margin-8-sm {margin-top:8px;margin-bottom:8px;}
  .v-margin-10-sm {margin-top:10px;margin-bottom:10px;}
  .v-margin-20-sm {margin-top:20px;margin-bottom:20px;}
  .v-margin-30-sm {margin-top:30px;margin-bottom:30px;}
  .v-margin-40-sm {margin-top:40px;margin-bottom:40px;}
  .v-margin-50-sm {margin-top:50px;margin-bottom:50px;}
  .v-margin-60-sm {margin-top:60px;margin-bottom:60px;}
  .v-margin-70-sm {margin-top:70px;margin-bottom:70px;}
  .v-margin-80-sm {margin-top:80px;margin-bottom:80px;}
  .v-margin-90-sm {margin-top:90px;margin-bottom:90px;}
  .v-margin-100-sm {margin-top:100px;margin-bottom:100px;}
}

@media only screen and (max-width: 500px) {

  .row-to-col-xs {
    flex-direction:column;
  }
  .row-to-col-reverse-xs {
    flex-direction:column-reverse;
  }

  .col-auto-xs {
    flex-basis: auto;
  }
  .col-xs-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xs-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xs-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xs-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xs-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .row.flex-left-xs {justify-content: flex-start;text-align: start;}
  .row.flex-center-xs {justify-content: center;text-align: center;}
  .row.flex-right-xs {justify-content: flex-end;text-align: end;}
  .row.flex-top-xs {align-items: flex-start;}
  .row.flex-middle-xs {align-items: center;}
  .row.flex-bottom-xs {align-items: flex-end;}
  .col.flex-left-xs {align-items: flex-start;}
  .col.flex-center-xs {align-items: center;}
  .col.flex-right-xs {align-items: flex-end;}
  .col.flex-top-xs {justify-content: flex-start;text-align: start;}
  .col.flex-middle-xs {justify-content: center;text-align: center;}
  .col.flex-bottom-xs {justify-content: flex-end;text-align: end;}
  .flex-around-xs {justify-content: space-around;}
  .flex-between-xs {justify-content: space-between;}

  .row.reverse-xs {flex-direction: row-reverse;}
  .col.reverse-xs {flex-direction: column-reverse;}
  .row.col-reverse-xs {flex-direction: column-reverse;}
  .col.row-reverse-xs {flex-direction: row-reverse;}
  .grid.reverse-xs {flex-direction: row-reverse;}

  .row.no-wrap-xs {flex-wrap: nowrap;}

  .col.spacing-0-xs {border:0px}
  .col.spacing-10-xs {border-right-width:10px;border-left-width:10px}
  .col.spacing-20-xs {border-right-width:20px;border-left-width:20px}
  .col.spacing-30-xs {border-right-width:30px;border-left-width:30px}
  .col.spacing-40-xs {border-right-width:40px;border-left-width:40px}
  .col.spacing-50-xs {border-right-width:50px;border-left-width:50px}
  .col.spacing-60-xs {border-right-width:60px;border-left-width:60px}
  .col.spacing-70-xs {border-right-width:70px;border-left-width:70px}
  .col.spacing-80-xs {border-right-width:80px;border-left-width:80px}
  .col.spacing-90-xs {border-right-width:90px;border-left-width:90px}
  .col.spacing-100-xs {border-right-width:100px;border-left-width:100px}

  .spacer-100-xs {height:100px;}
  .spacer-90-xs {height:90px;}
  .spacer-80-xs {height:80px;}
  .spacer-70-xs {height:70px;}
  .spacer-60-xs {height:60px;}
  .spacer-50-xs {height:50px;}
  .spacer-40-xs {height:40px;}
  .spacer-30-xs {height:30px;}
  .spacer-20-xs {height:20px;}
  .spacer-10-xs {height:10px;}

  .text-left-xs {text-align: left;}
  .text-right-xs {text-align: right;}
  .text-center-xs {text-align: center;}
  .text-justify-xs {text-align: justify;}

  .padding-0-xs {padding:0px;}
  .padding-3-xs {padding:3px;}
  .padding-4-xs {padding:4px;}
  .padding-5-xs {padding:5px;}
  .padding-6-xs {padding:6px;}
  .padding-7-xs {padding:7px;}
  .padding-8-xs {padding:8px;}
  .padding-10-xs {padding:10px;}
  .padding-20-xs {padding:20px;}
  .padding-30-xs {padding:30px;}
  .padding-40-xs {padding:40px;}
  .padding-50-xs {padding:50px;}
  .padding-60-xs {padding:60px;}
  .padding-70-xs {padding:70px;}
  .padding-80-xs {padding:80px;}
  .padding-90-xs {padding:90px;}
  .padding-100-xs {padding:100px;}

  .h-padding-0-xs {padding-left:0px;padding-right:0px;}
  .h-padding-3-xs {padding-left:3px;padding-right:3px;}
  .h-padding-4-xs {padding-left:4px;padding-right:4px;}
  .h-padding-5-xs {padding-left:5px;padding-right:5px;}
  .h-padding-6-xs {padding-left:6px;padding-right:6px;}
  .h-padding-7-xs {padding-left:7px;padding-right:7px;}
  .h-padding-8-xs {padding-left:8px;padding-right:8px;}
  .h-padding-10-xs {padding-left:10px;padding-right:10px;}
  .h-padding-20-xs {padding-left:20px;padding-right:20px;}
  .h-padding-30-xs {padding-left:30px;padding-right:30px;}
  .h-padding-40-xs {padding-left:40px;padding-right:40px;}
  .h-padding-50-xs {padding-left:50px;padding-right:50px;}
  .h-padding-60-xs {padding-left:60px;padding-right:60px;}
  .h-padding-70-xs {padding-left:70px;padding-right:70px;}
  .h-padding-80-xs {padding-left:80px;padding-right:80px;}
  .h-padding-90-xs {padding-left:90px;padding-right:90px;}
  .h-padding-100-xs {padding-left:100px;padding-right:100px;}

  .v-padding-0-xs {padding-top:0px;padding-bottom:0px;}
  .v-padding-3-xs {padding-top:3px;padding-bottom:3px;}
  .V-padding-4-xs {padding-top:4px;padding-bottom:4px;}
  .v-padding-5-xs {padding-top:5px;padding-bottom:5px;}
  .v-padding-6-xs {padding-top:6px;padding-bottom:6px;}
  .v-padding-7-xs {padding-top:7px;padding-bottom:7px;}
  .v-padding-8-xs {padding-top:8px;padding-bottom:8px;}
  .v-padding-10-xs {padding-top:10px;padding-bottom:10px;}
  .v-padding-20-xs {padding-top:20px;padding-bottom:20px;}
  .v-padding-30-xs {padding-top:30px;padding-bottom:30px;}
  .v-padding-40-xs {padding-top:40px;padding-bottom:40px;}
  .v-padding-50-xs {padding-top:50px;padding-bottom:50px;}
  .v-padding-60-xs {padding-top:60px;padding-bottom:60px;}
  .v-padding-70-xs {padding-top:70px;padding-bottom:70px;}
  .v-padding-80-xs {padding-top:80px;padding-bottom:80px;}
  .v-padding-90-xs {padding-top:90px;padding-bottom:90px;}
  .v-padding-100-xs {padding-top:100px;padding-bottom:100px;}

  .margin-0-xs {margin:0px;}
  .margin-3-xs {margin:3px;}
  .margin-4-xs {margin:4px;}
  .margin-5-xs {margin:5px;}
  .margin-6-xs {margin:6px;}
  .margin-7-xs {margin:7px;}
  .margin-8-xs {margin:8px;}
  .margin-10-xs {margin:10px;}
  .margin-20-xs {margin:20px;}
  .margin-30-xs {margin:30px;}
  .margin-40-xs {margin:40px;}
  .margin-50-xs {margin:50px;}
  .margin-60-xs {margin:60px;}
  .margin-70-xs {margin:70px;}
  .margin-80-xs {margin:80px;}
  .margin-90-xs {margin:90px;}
  .margin-100-xs {margin:100px;}

  .h-margin-0-xs {margin-left:0px;margin-right:0px;}
  .h-margin-3-xs {margin-left:3px;margin-right:3px;}
  .h-margin-4-xs {margin-left:4px;margin-right:4px;}
  .h-margin-5-xs {margin-left:5px;margin-right:5px;}
  .h-margin-6-xs {margin-left:6px;margin-right:6px;}
  .h-margin-7-xs {margin-left:7px;margin-right:7px;}
  .h-margin-8-xs {margin-left:8px;margin-right:8px;}
  .h-margin-10-xs {margin-left:10px;margin-right:10px;}
  .h-margin-20-xs {margin-left:20px;margin-right:20px;}
  .h-margin-30-xs {margin-left:30px;margin-right:30px;}
  .h-margin-40-xs {margin-left:40px;margin-right:40px;}
  .h-margin-50-xs {margin-left:50px;margin-right:50px;}
  .h-margin-60-xs {margin-left:60px;margin-right:60px;}
  .h-margin-70-xs {margin-left:70px;margin-right:70px;}
  .h-margin-80-xs {margin-left:80px;margin-right:80px;}
  .h-margin-90-xs {margin-left:90px;margin-right:90px;}
  .h-margin-100-xs {margin-left:100px;margin-right:100px;}

  .v-margin-0-xs {margin-top:0px;margin-bottom:0px;}
  .v-margin-3-xs {margin-top:3px;margin-bottom:3px;}
  .V-margin-4-xs {margin-top:4px;margin-bottom:4px;}
  .v-margin-5-xs {margin-top:5px;margin-bottom:5px;}
  .v-margin-6-xs {margin-top:6px;margin-bottom:6px;}
  .v-margin-7-xs {margin-top:7px;margin-bottom:7px;}
  .v-margin-8-xs {margin-top:8px;margin-bottom:8px;}
  .v-margin-10-xs {margin-top:10px;margin-bottom:10px;}
  .v-margin-20-xs {margin-top:20px;margin-bottom:20px;}
  .v-margin-30-xs {margin-top:30px;margin-bottom:30px;}
  .v-margin-40-xs {margin-top:40px;margin-bottom:40px;}
  .v-margin-50-xs {margin-top:50px;margin-bottom:50px;}
  .v-margin-60-xs {margin-top:60px;margin-bottom:60px;}
  .v-margin-70-xs {margin-top:70px;margin-bottom:70px;}
  .v-margin-80-xs {margin-top:80px;margin-bottom:80px;}
  .v-margin-90-xs {margin-top:90px;margin-bottom:90px;}
  .v-margin-100-xs {margin-top:100px;margin-bottom:100px;}
}

.col.spacing:first-child, 
.col.spacing-10:first-child,
.col.spacing-20:first-child,
.col.spacing-30:first-child,
.col.spacing-40:first-child,
.col.spacing-50:first-child,
.col.spacing-60:first-child,
.col.spacing-70:first-child,
.col.spacing-80:first-child,
.col.spacing-90:first-child,
.col.spacing-100:first-child {
  border-left:0px;
}
.col.spacing:last-child, 
.col.spacing-10:last-child,
.col.spacing-20:last-child,
.col.spacing-30:last-child,
.col.spacing-40:last-child,
.col.spacing-50:last-child,
.col.spacing-60:last-child,
.col.spacing-70:last-child,
.col.spacing-80:last-child,
.col.spacing-90:last-child,
.col.spacing-100:last-child {
  border-right:0px;
}