/*******************************\ 
  IMPORTANT! Most commonly used 
\*******************************/
.full-width{width: 100%;}
.half-width{width: 50%;}
.max-width{max-width: 100%;}
.center{display: block; margin: auto;}
.no-border{border: none !important;}
.no-curve {-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.border-radius-30 {-webkit-border-radius: 3rem !important;-moz-border-radius: 3rem !important;border-radius: 3rem !important;}

/*******************************\ 
            Spacing 
\*******************************/
.gap{height: 2rem;width: 100%}
.gap-sm{height: 1rem;width: 100%}
.gap-md{height: 4rem;width: 100%}
.gap-lg{height: 8rem;width: 100%}

/*******************************\ 
   Directional Margin Spacing 
\*******************************/
/* Margin ALL */
.m0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;}
.m10{margin-top:1rem;margin-right:1rem;margin-bottom:1rem;margin-left:1rem;}
.m20{margin-top:2rem;margin-right:2rem;margin-bottom:2rem;margin-left:2rem;}
.m30{margin-top:3rem;margin-right:3rem;margin-bottom:3rem;margin-left:3rem;}
.m40{margin-top:4rem;margin-right:4rem;margin-bottom:4rem;margin-left:4rem;}
.m50{margin-top:5rem;margin-right:5rem;margin-bottom:5rem;margin-left:5rem;}
.m60{margin-top:6rem;margin-right:6rem;margin-bottom:6rem;margin-left:6rem;}
.m70{margin-top:7rem;margin-right:7rem;margin-bottom:7rem;margin-left:7rem;}
.m80{margin-top:8rem;margin-right:8rem;margin-bottom:8rem;margin-left:8rem;}
.m90{margin-top:9rem;margin-right:9rem;margin-bottom:9rem;margin-left:9rem;}
.m100{margin-top:10rem;margin-right:10rem;margin-bottom:10rem;margin-left:10rem;}

/* Margin Top */
.mt0{margin-top:0;}
.mt10{margin-top:1rem;}
.mt20{margin-top:2rem;}
.mt30{margin-top:3rem;}
.mt40{margin-top:4rem;}
.mt50{margin-top:5rem;}
.mt60{margin-top:6rem;}
.mt70{margin-top:7rem;}
.mt80{margin-top:8rem;}
.mt90{margin-top:9rem;}
.mt100{margin-top:10rem;}

/* Margin Right */
.mr0{margin-right:0;}
.mr10{margin-right:1rem;}
.mr20{margin-right:2rem;}
.mr30{margin-right:3rem;}
.mr40{margin-right:4rem;}
.mr50{margin-right:5rem;}
.mr60{margin-right:6rem;}
.mr70{margin-right:7rem;}
.mr80{margin-right:8rem;}
.mr90{margin-right:9rem;}
.mr100{margin-right:10rem;}

/* Margin Bottom */
.mb0{margin-bottom: rem}
.mb10{margin-bottom: 1rem}
.mb20{margin-bottom: 2rem}
.mb30{margin-bottom: 3rem}
.mb40{margin-bottom: 4rem}
.mb50{margin-bottom: 5rem}
.mb60{margin-bottom: 6rem}
.mb70{margin-bottom: 7rem}
.mb80{margin-bottom: 8rem}
.mb90{margin-bottom: 9rem}
.mb100{margin-bottom: 10rem}

/* Margin Left */
.ml0{margin-left:0;}
.ml10{margin-left:1rem;}
.ml20{margin-left:2rem;}
.ml30{margin-left:3rem;}
.ml40{margin-left:4rem;}
.ml50{margin-left:5rem;}
.ml60{margin-left:6rem;}
.ml70{margin-left:7rem;}
.ml80{margin-left:8rem;}
.ml90{margin-left:9rem;}
.ml100{margin-left:10rem;}

/*******************************\ 
   Directional Padding Spacing 
\*******************************/
/* Padding ALL */
.p0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;}
.p10{padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;}
.p20{padding-top:2rem;padding-right:2rem;padding-bottom:2rem;padding-left:2rem;}
.p30{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem;}
.p40{padding-top:4rem;padding-right:4rem;padding-bottom:4rem;padding-left:4rem;}
.p50{padding-top:5rem;padding-right:5rem;padding-bottom:5rem;padding-left:5rem;}
.p60{padding-top:6rem;padding-right:6rem;padding-bottom:6rem;padding-left:6rem;}
.p70{padding-top:7rem;padding-right:7rem;padding-bottom:7rem;padding-left:7rem;}
.p80{padding-top:8rem;padding-right:8rem;padding-bottom:8rem;padding-left:8rem;}
.p90{padding-top:9rem;padding-right:9rem;padding-bottom:9rem;padding-left:9rem;}
.p100{padding-top:10rem;padding-right:10rem;padding-bottom:10rem;padding-left:10rem;}

/* Padding Top */
.pt0{padding-top:0;}
.pt5{padding-top:0.5rem;}
.pt10{padding-top:1rem;}
.pt20{padding-top:2rem;}
.pt30{padding-top:3rem;}
.pt40{padding-top:4rem;}
.pt50{padding-top:5rem;}
.pt60{padding-top:6rem;}
.pt70{padding-top:7rem;}
.pt80{padding-top:8rem;}
.pt90{padding-top:9rem;}
.pt100{padding-top:10rem;}

/* Padding Right */
.pr0{padding-right:0;}
.pr5{padding-right:0.5rem;}
.pr10{padding-right:1rem;}
.pr20{padding-right:2rem;}
.pr30{padding-right:3rem;}
.pr40{padding-right:4rem;}
.pr50{padding-right:5rem;}
.pr60{padding-right:6rem;}
.pr70{padding-right:7rem;}
.pr80{padding-right:8rem;}
.pr90{padding-right:9rem;}
.pr100{padding-right:10rem;}

/* Padding Bottom */
.pb0{padding-bottom: rem}
.pb5{padding-bottom: 0.5rem;}
.pb10{padding-bottom: 1rem}
.pb20{padding-bottom: 2rem}
.pb30{padding-bottom: 3rem}
.pb40{padding-bottom: 4rem}
.pb50{padding-bottom: 5rem}
.pb60{padding-bottom: 6rem}
.pb70{padding-bottom: 7rem}
.pb80{padding-bottom: 8rem}
.pb90{padding-bottom: 9rem}
.pb100{padding-bottom: 10rem}

/* Padding Left */
.pl0{padding-left:0;}
.pl5{padding-left:0.5rem;}
.pl10{padding-left:1rem;}
.pl20{padding-left:2rem;}
.pl30{padding-left:3rem;}
.pl40{padding-left:4rem;}
.pl50{padding-left:5rem;}
.pl60{padding-left:6rem;}
.pl70{padding-left:7rem;}
.pl80{padding-left:8rem;}
.pl90{padding-left:9rem;}
.pl100{padding-left:10rem;}

/***********************\ 
   Five Column Spacing 
\***********************/
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths,.col-xl-5ths {position: relative;min-height: 1px;padding-right: 1rem;padding-left: 1rem;}
.col-xs-5ths {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
@media (min-width: 390px){.col-sm-5ths {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}}
@media (min-width: 768px){.col-md-5ths {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}}
@media (min-width: 992px){.col-lg-5ths {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}}
@media (min-width: 1200px){.col-xl-5ths {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}}