/* ==========================================================================
   GRIDR
   ========================================================================== */

/* Remarks
   ========================================================================== */
/**
 * use for display and responsive grid
 * author: rudy montoya rodriguez / @_moretaste
 * url: http://www.moretaste.nl
 */

/* ==========================================================================
   GRID, ROWS AND COLS
   ========================================================================== */
html {
     -moz-box-sizing: border-box;   
  -webkit-box-sizing: border-box;   
          box-sizing: border-box;
}
*, *:before, *:after {
     -moz-box-sizing: inherit;   
  -webkit-box-sizing: inherit;   
          box-sizing: inherit;}
/* THE GRID
   ========================================================================== */
.rowr { 
  position: relative;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%; /*height: 100%;*/
  margin: 0 auto;
}
section, header, footer {
  position: relative;
  margin: 0;
  border: none; 
}
.rowr--top    { align-items: flex-start; vertical-align: top; }
.rowr--center { align-items: center; vertical-align: middle;  }
.rowr--bottom { align-items: flex-end; vertical-align: bottom; }
.rowr--justify { justify-content: space-between; }

.colr {
  display: inline-block; vertical-align: top;
  width: auto; margin: 0 auto; /*overflow:hidden;*/
}

.colr .colr { border-width: 0; padding: 0; }
.rowr .rowr { border-width: 0; }
.sp-auto { margin: auto;}
/* GRID XS */
  .xs-01  { width:   1%; } .xs-02  { width:   2%; } .xs-03  { width:   3%; }
  .xs-04  { width:   4%; } .xs-05  { width:   5%; } .xs-06  { width:   6%; }
  .xs-07  { width:   7%; } .xs-08  { width:   8%; } .xs-09  { width:   9%; }
  .xs-10  { width:  10%; } .xs-11  { width:  11%; } .xs-12  { width:  12%; }
  .xs-13  { width:  13%; } .xs-14  { width:  14%; } .xs-15  { width:  15%; }
  .xs-16  { width:  16%; } .xs-17  { width:  17%; } .xs-18  { width:  18%; }
  .xs-19  { width:  19%; } .xs-20  { width:  20%; } .xs-21  { width:  21%; }
  .xs-22  { width:  22%; } .xs-23  { width:  23%; } .xs-24  { width:  24%; }
  .xs-25  { width:  25%; } .xs-26  { width:  26%; } .xs-27  { width:  27%; }
  .xs-28  { width:  28%; } .xs-29  { width:  29%; } .xs-30  { width:  30%; }
  .xs-31  { width:  31%; } .xs-32  { width:  32%; } .xs-33  { width:  33%; }
  .xs-34  { width:  34%; } .xs-35  { width:  35%; } .xs-36  { width:  36%; }
  .xs-37  { width:  37%; } .xs-38  { width:  38%; } .xs-39  { width:  39%; }
  .xs-40  { width:  40%; } .xs-41  { width:  41%; } .xs-42  { width:  42%; }
  .xs-43  { width:  43%; } .xs-44  { width:  44%; } .xs-45  { width:  45%; }
  .xs-46  { width:  46%; } .xs-47  { width:  47%; } .xs-48  { width:  48%; }
  .xs-49  { width:  49%; } .xs-50  { width:  50%; } .xs-51  { width:  51%; }
  .xs-52  { width:  52%; } .xs-53  { width:  53%; } .xs-54  { width:  54%; }
  .xs-55  { width:  55%; } .xs-56  { width:  56%; } .xs-57  { width:  57%; }
  .xs-58  { width:  58%; } .xs-59  { width:  59%; } .xs-60  { width:  60%; }
  .xs-61  { width:  61%; } .xs-62  { width:  62%; } .xs-63  { width:  63%; }
  .xs-64  { width:  64%; } .xs-65  { width:  65%; } .xs-66  { width:  66%; }
  .xs-67  { width:  67%; } .xs-68  { width:  68%; } .xs-69  { width:  69%; }
  .xs-70  { width:  70%; } .xs-71  { width:  71%; } .xs-72  { width:  72%; }
  .xs-73  { width:  73%; } .xs-74  { width:  74%; } .xs-75  { width:  75%; }
  .xs-76  { width:  76%; } .xs-77  { width:  77%; } .xs-78  { width:  78%; }
  .xs-79  { width:  79%; } .xs-80  { width:  80%; } .xs-81  { width:  81%; }
  .xs-82  { width:  82%; } .xs-83  { width:  83%; } .xs-84  { width:  84%; }
  .xs-85  { width:  85%; } .xs-86  { width:  86%; } .xs-87  { width:  87%; }
  .xs-88  { width:  88%; } .xs-89  { width:  89%; } .xs-90  { width:  90%; }
  .xs-91  { width:  91%; } .xs-92  { width:  92%; } .xs-93  { width:  93%; }
  .xs-94  { width:  94%; } .xs-95  { width:  95%; } .xs-96  { width:  96%; }
  .xs-97  { width:  97%; } .xs-98  { width:  98%; } .xs-99  { width:  99%; }
  .xs-100 { width: 100%; } 
  .xs-not { display: none; } .xs-yes { display: inline-block; } .xs-auto { width: auto; }

/* SPACERS */
  .xs-sp-01  { margin-left:   1%; } .xs-sp-02  { margin-left:   2%; } .xs-sp-03  { margin-left:   3%; }
  .xs-sp-04  { margin-left:   4%; } .xs-sp-05  { margin-left:   5%; } .xs-sp-06  { margin-left:   6%; }
  .xs-sp-07  { margin-left:   7%; } .xs-sp-08  { margin-left:   8%; } .xs-sp-09  { margin-left:   9%; }
  .xs-sp-10  { margin-left:  10%; } .xs-sp-11  { margin-left:  11%; } .xs-sp-12  { margin-left:  12%; }
  .xs-sp-13  { margin-left:  13%; } .xs-sp-14  { margin-left:  14%; } .xs-sp-15  { margin-left:  15%; }
  .xs-sp-16  { margin-left:  16%; } .xs-sp-17  { margin-left:  17%; } .xs-sp-18  { margin-left:  18%; }
  .xs-sp-19  { margin-left:  19%; } .xs-sp-20  { margin-left:  20%; } .xs-sp-21  { margin-left:  21%; }
  .xs-sp-22  { margin-left:  22%; } .xs-sp-23  { margin-left:  23%; } .xs-sp-24  { margin-left:  24%; }
  .xs-sp-25  { margin-left:  25%; } .xs-sp-26  { margin-left:  26%; } .xs-sp-27  { margin-left:  27%; }
  .xs-sp-28  { margin-left:  28%; } .xs-sp-29  { margin-left:  29%; } .xs-sp-30  { margin-left:  30%; }
  .xs-sp-31  { margin-left:  31%; } .xs-sp-32  { margin-left:  32%; } .xs-sp-33  { margin-left:  33%; }
  .xs-sp-34  { margin-left:  34%; } .xs-sp-35  { margin-left:  35%; } .xs-sp-36  { margin-left:  36%; }
  .xs-sp-37  { margin-left:  37%; } .xs-sp-38  { margin-left:  38%; } .xs-sp-39  { margin-left:  39%; }
  .xs-sp-40  { margin-left:  40%; } .xs-sp-41  { margin-left:  41%; } .xs-sp-42  { margin-left:  42%; }
  .xs-sp-43  { margin-left:  43%; } .xs-sp-44  { margin-left:  44%; } .xs-sp-45  { margin-left:  45%; }
  .xs-sp-46  { margin-left:  46%; } .xs-sp-47  { margin-left:  47%; } .xs-sp-48  { margin-left:  48%; }
  .xs-sp-49  { margin-left:  49%; } .xs-sp-50  { margin-left:  50%; } .xs-sp-51  { margin-left:  51%; }
  .xs-sp-52  { margin-left:  52%; } .xs-sp-53  { margin-left:  53%; } .xs-sp-54  { margin-left:  54%; }
  .xs-sp-55  { margin-left:  55%; } .xs-sp-56  { margin-left:  56%; } .xs-sp-57  { margin-left:  57%; }
  .xs-sp-58  { margin-left:  58%; } .xs-sp-59  { margin-left:  59%; } .xs-sp-60  { margin-left:  60%; }
  .xs-sp-61  { margin-left:  61%; } .xs-sp-62  { margin-left:  62%; } .xs-sp-63  { margin-left:  63%; }
  .xs-sp-64  { margin-left:  64%; } .xs-sp-65  { margin-left:  65%; } .xs-sp-66  { margin-left:  66%; }
  .xs-sp-67  { margin-left:  67%; } .xs-sp-68  { margin-left:  68%; } .xs-sp-69  { margin-left:  69%; }
  .xs-sp-70  { margin-left:  70%; } .xs-sp-71  { margin-left:  71%; } .xs-sp-72  { margin-left:  72%; }
  .xs-sp-73  { margin-left:  73%; } .xs-sp-74  { margin-left:  74%; } .xs-sp-75  { margin-left:  75%; }
  .xs-sp-76  { margin-left:  76%; } .xs-sp-77  { margin-left:  77%; } .xs-sp-78  { margin-left:  78%; }
  .xs-sp-79  { margin-left:  79%; } .xs-sp-80  { margin-left:  80%; } .xs-sp-81  { margin-left:  81%; }
  .xs-sp-82  { margin-left:  82%; } .xs-sp-83  { margin-left:  83%; } .xs-sp-84  { margin-left:  84%; }
  .xs-sp-85  { margin-left:  85%; } .xs-sp-86  { margin-left:  86%; } .xs-sp-87  { margin-left:  87%; }
  .xs-sp-88  { margin-left:  88%; } .xs-sp-89  { margin-left:  89%; } .xs-sp-90  { margin-left:  90%; }
  .xs-sp-91  { margin-left:  91%; } .xs-sp-92  { margin-left:  92%; } .xs-sp-93  { margin-left:  93%; }
  .xs-sp-94  { margin-left:  94%; } .xs-sp-95  { margin-left:  95%; } .xs-sp-96  { margin-left:  96%; }
  .xs-sp-97  { margin-left:  97%; } .xs-sp-98  { margin-left:  98%; } .xs-sp-99  { margin-left:  99%; }
  .xs-sp-100 { margin-left: 100%; } .xs-sp-00  { margin-left:   0 ; }

@media only screen and (min-width: 48em) {
  .sm-01  { width:   1%; } .sm-02  { width:   2%; } .sm-03  { width:   3%; }
  .sm-04  { width:   4%; } .sm-05  { width:   5%; } .sm-06  { width:   6%; }
  .sm-07  { width:   7%; } .sm-08  { width:   8%; } .sm-09  { width:   9%; }
  .sm-10  { width:  10%; } .sm-11  { width:  11%; } .sm-12  { width:  12%; }
  .sm-13  { width:  13%; } .sm-14  { width:  14%; } .sm-15  { width:  15%; }
  .sm-16  { width:  16%; } .sm-17  { width:  17%; } .sm-18  { width:  18%; }
  .sm-19  { width:  19%; } .sm-20  { width:  20%; } .sm-21  { width:  21%; }
  .sm-22  { width:  22%; } .sm-23  { width:  23%; } .sm-24  { width:  24%; }
  .sm-25  { width:  25%; } .sm-26  { width:  26%; } .sm-27  { width:  27%; }
  .sm-28  { width:  28%; } .sm-29  { width:  29%; } .sm-30  { width:  30%; }
  .sm-31  { width:  31%; } .sm-32  { width:  32%; } .sm-33  { width:  33%; }
  .sm-34  { width:  34%; } .sm-35  { width:  35%; } .sm-36  { width:  36%; }
  .sm-37  { width:  37%; } .sm-38  { width:  38%; } .sm-39  { width:  39%; }
  .sm-40  { width:  40%; } .sm-41  { width:  41%; } .sm-42  { width:  42%; }
  .sm-43  { width:  43%; } .sm-44  { width:  44%; } .sm-45  { width:  45%; }
  .sm-46  { width:  46%; } .sm-47  { width:  47%; } .sm-48  { width:  48%; }
  .sm-49  { width:  49%; } .sm-50  { width:  50%; } .sm-51  { width:  51%; }
  .sm-52  { width:  52%; } .sm-53  { width:  53%; } .sm-54  { width:  54%; }
  .sm-55  { width:  55%; } .sm-56  { width:  56%; } .sm-57  { width:  57%; }
  .sm-58  { width:  58%; } .sm-59  { width:  59%; } .sm-60  { width:  60%; }
  .sm-61  { width:  61%; } .sm-62  { width:  62%; } .sm-63  { width:  63%; }
  .sm-64  { width:  64%; } .sm-65  { width:  65%; } .sm-66  { width:  66%; }
  .sm-67  { width:  67%; } .sm-68  { width:  68%; } .sm-69  { width:  69%; }
  .sm-70  { width:  70%; } .sm-71  { width:  71%; } .sm-72  { width:  72%; }
  .sm-73  { width:  73%; } .sm-74  { width:  74%; } .sm-75  { width:  75%; }
  .sm-76  { width:  76%; } .sm-77  { width:  77%; } .sm-78  { width:  78%; }
  .sm-79  { width:  79%; } .sm-80  { width:  80%; } .sm-81  { width:  81%; }
  .sm-82  { width:  82%; } .sm-83  { width:  83%; } .sm-84  { width:  84%; }
  .sm-85  { width:  85%; } .sm-86  { width:  86%; } .sm-87  { width:  87%; }
  .sm-88  { width:  88%; } .sm-89  { width:  89%; } .sm-90  { width:  90%; }
  .sm-91  { width:  91%; } .sm-92  { width:  92%; } .sm-93  { width:  93%; }
  .sm-94  { width:  94%; } .sm-95  { width:  95%; } .sm-96  { width:  96%; }
  .sm-97  { width:  97%; } .sm-98  { width:  98%; } .sm-99  { width:  99%; }
  .sm-100 { width: 100%; } 
  .sm-not { display: none; } .sm-yes { display: inline-block;} .sm-auto { width: auto; }

/* SPACERS */
  .sm-sp-01  { margin-left:   1%; } .sm-sp-02  { margin-left:   2%; } .sm-sp-03  { margin-left:   3%; }
  .sm-sp-04  { margin-left:   4%; } .sm-sp-05  { margin-left:   5%; } .sm-sp-06  { margin-left:   6%; }
  .sm-sp-07  { margin-left:   7%; } .sm-sp-08  { margin-left:   8%; } .sm-sp-09  { margin-left:   9%; }
  .sm-sp-10  { margin-left:  10%; } .sm-sp-11  { margin-left:  11%; } .sm-sp-12  { margin-left:  12%; }
  .sm-sp-13  { margin-left:  13%; } .sm-sp-14  { margin-left:  14%; } .sm-sp-15  { margin-left:  15%; }
  .sm-sp-16  { margin-left:  16%; } .sm-sp-17  { margin-left:  17%; } .sm-sp-18  { margin-left:  18%; }
  .sm-sp-19  { margin-left:  19%; } .sm-sp-20  { margin-left:  20%; } .sm-sp-21  { margin-left:  21%; }
  .sm-sp-22  { margin-left:  22%; } .sm-sp-23  { margin-left:  23%; } .sm-sp-24  { margin-left:  24%; }
  .sm-sp-25  { margin-left:  25%; } .sm-sp-26  { margin-left:  26%; } .sm-sp-27  { margin-left:  27%; }
  .sm-sp-28  { margin-left:  28%; } .sm-sp-29  { margin-left:  29%; } .sm-sp-30  { margin-left:  30%; }
  .sm-sp-31  { margin-left:  31%; } .sm-sp-32  { margin-left:  32%; } .sm-sp-33  { margin-left:  33%; }
  .sm-sp-34  { margin-left:  34%; } .sm-sp-35  { margin-left:  35%; } .sm-sp-36  { margin-left:  36%; }
  .sm-sp-37  { margin-left:  37%; } .sm-sp-38  { margin-left:  38%; } .sm-sp-39  { margin-left:  39%; }
  .sm-sp-40  { margin-left:  40%; } .sm-sp-41  { margin-left:  41%; } .sm-sp-42  { margin-left:  42%; }
  .sm-sp-43  { margin-left:  43%; } .sm-sp-44  { margin-left:  44%; } .sm-sp-45  { margin-left:  45%; }
  .sm-sp-46  { margin-left:  46%; } .sm-sp-47  { margin-left:  47%; } .sm-sp-48  { margin-left:  48%; }
  .sm-sp-49  { margin-left:  49%; } .sm-sp-50  { margin-left:  50%; } .sm-sp-51  { margin-left:  51%; }
  .sm-sp-52  { margin-left:  52%; } .sm-sp-53  { margin-left:  53%; } .sm-sp-54  { margin-left:  54%; }
  .sm-sp-55  { margin-left:  55%; } .sm-sp-56  { margin-left:  56%; } .sm-sp-57  { margin-left:  57%; }
  .sm-sp-58  { margin-left:  58%; } .sm-sp-59  { margin-left:  59%; } .sm-sp-60  { margin-left:  60%; }
  .sm-sp-61  { margin-left:  61%; } .sm-sp-62  { margin-left:  62%; } .sm-sp-63  { margin-left:  63%; }
  .sm-sp-64  { margin-left:  64%; } .sm-sp-65  { margin-left:  65%; } .sm-sp-66  { margin-left:  66%; }
  .sm-sp-67  { margin-left:  67%; } .sm-sp-68  { margin-left:  68%; } .sm-sp-69  { margin-left:  69%; }
  .sm-sp-70  { margin-left:  70%; } .sm-sp-71  { margin-left:  71%; } .sm-sp-72  { margin-left:  72%; }
  .sm-sp-73  { margin-left:  73%; } .sm-sp-74  { margin-left:  74%; } .sm-sp-75  { margin-left:  75%; }
  .sm-sp-76  { margin-left:  76%; } .sm-sp-77  { margin-left:  77%; } .sm-sp-78  { margin-left:  78%; }
  .sm-sp-79  { margin-left:  79%; } .sm-sp-80  { margin-left:  80%; } .sm-sp-81  { margin-left:  81%; }
  .sm-sp-82  { margin-left:  82%; } .sm-sp-83  { margin-left:  83%; } .sm-sp-84  { margin-left:  84%; }
  .sm-sp-85  { margin-left:  85%; } .sm-sp-86  { margin-left:  86%; } .sm-sp-87  { margin-left:  87%; }
  .sm-sp-88  { margin-left:  88%; } .sm-sp-89  { margin-left:  89%; } .sm-sp-90  { margin-left:  90%; }
  .sm-sp-91  { margin-left:  91%; } .sm-sp-92  { margin-left:  92%; } .sm-sp-93  { margin-left:  93%; }
  .sm-sp-94  { margin-left:  94%; } .sm-sp-95  { margin-left:  95%; } .sm-sp-96  { margin-left:  96%; }
  .sm-sp-97  { margin-left:  97%; } .sm-sp-98  { margin-left:  98%; } .sm-sp-99  { margin-left:  99%; }
  .sm-sp-100 { margin-left: 100%; } .sm-sp-00  { margin-left:   0 ; }
}

@media only screen and (min-width: 64em) {
  .m-01  { width:   1%; } .m-02  { width:   2%; } .m-03  { width:   3%; }
  .m-04  { width:   4%; } .m-05  { width:   5%; } .m-06  { width:   6%; }
  .m-07  { width:   7%; } .m-08  { width:   8%; } .m-09  { width:   9%; }
  .m-10  { width:  10%; } .m-11  { width:  11%; } .m-12  { width:  12%; }
  .m-13  { width:  13%; } .m-14  { width:  14%; } .m-15  { width:  15%; }
  .m-16  { width:  16%; } .m-17  { width:  17%; } .m-18  { width:  18%; }
  .m-19  { width:  19%; } .m-20  { width:  20%; } .m-21  { width:  21%; }
  .m-22  { width:  22%; } .m-23  { width:  23%; } .m-24  { width:  24%; }
  .m-25  { width:  25%; } .m-26  { width:  26%; } .m-27  { width:  27%; }
  .m-28  { width:  28%; } .m-29  { width:  29%; } .m-30  { width:  30%; }
  .m-31  { width:  31%; } .m-32  { width:  32%; } .m-33  { width:  33%; }
  .m-34  { width:  34%; } .m-35  { width:  35%; } .m-36  { width:  36%; }
  .m-37  { width:  37%; } .m-38  { width:  38%; } .m-39  { width:  39%; }
  .m-40  { width:  40%; } .m-41  { width:  41%; } .m-42  { width:  42%; }
  .m-43  { width:  43%; } .m-44  { width:  44%; } .m-45  { width:  45%; }
  .m-46  { width:  46%; } .m-47  { width:  47%; } .m-48  { width:  48%; }
  .m-49  { width:  49%; } .m-50  { width:  50%; } .m-51  { width:  51%; }
  .m-52  { width:  52%; } .m-53  { width:  53%; } .m-54  { width:  54%; }
  .m-55  { width:  55%; } .m-56  { width:  56%; } .m-57  { width:  57%; }
  .m-58  { width:  58%; } .m-59  { width:  59%; } .m-60  { width:  60%; }
  .m-61  { width:  61%; } .m-62  { width:  62%; } .m-63  { width:  63%; }
  .m-64  { width:  64%; } .m-65  { width:  65%; } .m-66  { width:  66%; }
  .m-67  { width:  67%; } .m-68  { width:  68%; } .m-69  { width:  69%; }
  .m-70  { width:  70%; } .m-71  { width:  71%; } .m-72  { width:  72%; }
  .m-73  { width:  73%; } .m-74  { width:  74%; } .m-75  { width:  75%; }
  .m-76  { width:  76%; } .m-77  { width:  77%; } .m-78  { width:  78%; }
  .m-79  { width:  79%; } .m-80  { width:  80%; } .m-81  { width:  81%; }
  .m-82  { width:  82%; } .m-83  { width:  83%; } .m-84  { width:  84%; }
  .m-85  { width:  85%; } .m-86  { width:  86%; } .m-87  { width:  87%; }
  .m-88  { width:  88%; } .m-89  { width:  89%; } .m-90  { width:  90%; }
  .m-91  { width:  91%; } .m-92  { width:  92%; } .m-93  { width:  93%; }
  .m-94  { width:  94%; } .m-95  { width:  95%; } .m-96  { width:  96%; }
  .m-97  { width:  97%; } .m-98  { width:  98%; } .m-99  { width:  99%; }
  .m-100 { width: 100%; } 
  .m-not { display: none; } .m-yes { display: inline-block;} .m-auto { width: auto; }


/* SPACERS */
  .m-sp-01  { margin-left:   1%; } .m-sp-02  { margin-left:   2%; } .m-sp-03  { margin-left:   3%; }
  .m-sp-04  { margin-left:   4%; } .m-sp-05  { margin-left:   5%; } .m-sp-06  { margin-left:   6%; }
  .m-sp-07  { margin-left:   7%; } .m-sp-08  { margin-left:   8%; } .m-sp-09  { margin-left:   9%; }
  .m-sp-10  { margin-left:  10%; } .m-sp-11  { margin-left:  11%; } .m-sp-12  { margin-left:  12%; }
  .m-sp-13  { margin-left:  13%; } .m-sp-14  { margin-left:  14%; } .m-sp-15  { margin-left:  15%; }
  .m-sp-16  { margin-left:  16%; } .m-sp-17  { margin-left:  17%; } .m-sp-18  { margin-left:  18%; }
  .m-sp-19  { margin-left:  19%; } .m-sp-20  { margin-left:  20%; } .m-sp-21  { margin-left:  21%; }
  .m-sp-22  { margin-left:  22%; } .m-sp-23  { margin-left:  23%; } .m-sp-24  { margin-left:  24%; }
  .m-sp-25  { margin-left:  25%; } .m-sp-26  { margin-left:  26%; } .m-sp-27  { margin-left:  27%; }
  .m-sp-28  { margin-left:  28%; } .m-sp-29  { margin-left:  29%; } .m-sp-30  { margin-left:  30%; }
  .m-sp-31  { margin-left:  31%; } .m-sp-32  { margin-left:  32%; } .m-sp-33  { margin-left:  33%; }
  .m-sp-34  { margin-left:  34%; } .m-sp-35  { margin-left:  35%; } .m-sp-36  { margin-left:  36%; }
  .m-sp-37  { margin-left:  37%; } .m-sp-38  { margin-left:  38%; } .m-sp-39  { margin-left:  39%; }
  .m-sp-40  { margin-left:  40%; } .m-sp-41  { margin-left:  41%; } .m-sp-42  { margin-left:  42%; }
  .m-sp-43  { margin-left:  43%; } .m-sp-44  { margin-left:  44%; } .m-sp-45  { margin-left:  45%; }
  .m-sp-46  { margin-left:  46%; } .m-sp-47  { margin-left:  47%; } .m-sp-48  { margin-left:  48%; }
  .m-sp-49  { margin-left:  49%; } .m-sp-50  { margin-left:  50%; } .m-sp-51  { margin-left:  51%; }
  .m-sp-52  { margin-left:  52%; } .m-sp-53  { margin-left:  53%; } .m-sp-54  { margin-left:  54%; }
  .m-sp-55  { margin-left:  55%; } .m-sp-56  { margin-left:  56%; } .m-sp-57  { margin-left:  57%; }
  .m-sp-58  { margin-left:  58%; } .m-sp-59  { margin-left:  59%; } .m-sp-60  { margin-left:  60%; }
  .m-sp-61  { margin-left:  61%; } .m-sp-62  { margin-left:  62%; } .m-sp-63  { margin-left:  63%; }
  .m-sp-64  { margin-left:  64%; } .m-sp-65  { margin-left:  65%; } .m-sp-66  { margin-left:  66%; }
  .m-sp-67  { margin-left:  67%; } .m-sp-68  { margin-left:  68%; } .m-sp-69  { margin-left:  69%; }
  .m-sp-70  { margin-left:  70%; } .m-sp-71  { margin-left:  71%; } .m-sp-72  { margin-left:  72%; }
  .m-sp-73  { margin-left:  73%; } .m-sp-74  { margin-left:  74%; } .m-sp-75  { margin-left:  75%; }
  .m-sp-76  { margin-left:  76%; } .m-sp-77  { margin-left:  77%; } .m-sp-78  { margin-left:  78%; }
  .m-sp-79  { margin-left:  79%; } .m-sp-80  { margin-left:  80%; } .m-sp-81  { margin-left:  81%; }
  .m-sp-82  { margin-left:  82%; } .m-sp-83  { margin-left:  83%; } .m-sp-84  { margin-left:  84%; }
  .m-sp-85  { margin-left:  85%; } .m-sp-86  { margin-left:  86%; } .m-sp-87  { margin-left:  87%; }
  .m-sp-88  { margin-left:  88%; } .m-sp-89  { margin-left:  89%; } .m-sp-90  { margin-left:  90%; }
  .m-sp-91  { margin-left:  91%; } .m-sp-92  { margin-left:  92%; } .m-sp-93  { margin-left:  93%; }
  .m-sp-94  { margin-left:  94%; } .m-sp-95  { margin-left:  95%; } .m-sp-96  { margin-left:  96%; }
  .m-sp-97  { margin-left:  97%; } .m-sp-98  { margin-left:  98%; } .m-sp-99  { margin-left:  99%; }
  .m-sp-100 { margin-left: 100%; } .m-sp-00  { margin-left:   0 ; }
}


@media only screen and (min-width: 80em) {
  .l-01  { width:   1%; } .l-02  { width:   2%; } .l-03  { width:   3%; }
  .l-04  { width:   4%; } .l-05  { width:   5%; } .l-06  { width:   6%; }
  .l-07  { width:   7%; } .l-08  { width:   8%; } .l-09  { width:   9%; }
  .l-10  { width:  10%; } .l-11  { width:  11%; } .l-12  { width:  12%; }
  .l-13  { width:  13%; } .l-14  { width:  14%; } .l-15  { width:  15%; }
  .l-16  { width:  16%; } .l-17  { width:  17%; } .l-18  { width:  18%; }
  .l-19  { width:  19%; } .l-20  { width:  20%; } .l-21  { width:  21%; }
  .l-22  { width:  22%; } .l-23  { width:  23%; } .l-24  { width:  24%; }
  .l-25  { width:  25%; } .l-26  { width:  26%; } .l-27  { width:  27%; }
  .l-28  { width:  28%; } .l-29  { width:  29%; } .l-30  { width:  30%; }
  .l-31  { width:  31%; } .l-32  { width:  32%; } .l-33  { width:  33%; }
  .l-34  { width:  34%; } .l-35  { width:  35%; } .l-36  { width:  36%; }
  .l-37  { width:  37%; } .l-38  { width:  38%; } .l-39  { width:  39%; }
  .l-40  { width:  40%; } .l-41  { width:  41%; } .l-42  { width:  42%; }
  .l-43  { width:  43%; } .l-44  { width:  44%; } .l-45  { width:  45%; }
  .l-46  { width:  46%; } .l-47  { width:  47%; } .l-48  { width:  48%; }
  .l-49  { width:  49%; } .l-50  { width:  50%; } .l-51  { width:  51%; }
  .l-52  { width:  52%; } .l-53  { width:  53%; } .l-54  { width:  54%; }
  .l-55  { width:  55%; } .l-56  { width:  56%; } .l-57  { width:  57%; }
  .l-58  { width:  58%; } .l-59  { width:  59%; } .l-60  { width:  60%; }
  .l-61  { width:  61%; } .l-62  { width:  62%; } .l-63  { width:  63%; }
  .l-64  { width:  64%; } .l-65  { width:  65%; } .l-66  { width:  66%; }
  .l-67  { width:  67%; } .l-68  { width:  68%; } .l-69  { width:  69%; }
  .l-70  { width:  70%; } .l-71  { width:  71%; } .l-72  { width:  72%; }
  .l-73  { width:  73%; } .l-74  { width:  74%; } .l-75  { width:  75%; }
  .l-76  { width:  76%; } .l-77  { width:  77%; } .l-78  { width:  78%; }
  .l-79  { width:  79%; } .l-80  { width:  80%; } .l-81  { width:  81%; }
  .l-82  { width:  82%; } .l-83  { width:  83%; } .l-84  { width:  84%; }
  .l-85  { width:  85%; } .l-86  { width:  86%; } .l-87  { width:  87%; }
  .l-88  { width:  88%; } .l-89  { width:  89%; } .l-90  { width:  90%; }
  .l-91  { width:  91%; } .l-92  { width:  92%; } .l-93  { width:  93%; }
  .l-94  { width:  94%; } .l-95  { width:  95%; } .l-96  { width:  96%; }
  .l-97  { width:  97%; } .l-98  { width:  98%; } .l-99  { width:  99%; }
  .l-100 { width: 100%; } 
  .l-not { display: none; } .l-yes { display: inline-block;} .l-auto { width: auto; }
}

@media only screen and (min-width: 103em) {
  .xl-01  { width:   1%; } .xl-02  { width:   2%; } .xl-03  { width:   3%; }
  .xl-04  { width:   4%; } .xl-05  { width:   5%; } .xl-06  { width:   6%; }
  .xl-07  { width:   7%; } .xl-08  { width:   8%; } .xl-09  { width:   9%; }
  .xl-10  { width:  10%; } .xl-11  { width:  11%; } .xl-12  { width:  12%; }
  .xl-13  { width:  13%; } .xl-14  { width:  14%; } .xl-15  { width:  15%; }
  .xl-16  { width:  16%; } .xl-17  { width:  17%; } .xl-18  { width:  18%; }
  .xl-19  { width:  19%; } .xl-20  { width:  20%; } .xl-21  { width:  21%; }
  .xl-22  { width:  22%; } .xl-23  { width:  23%; } .xl-24  { width:  24%; }
  .xl-25  { width:  25%; } .xl-26  { width:  26%; } .xl-27  { width:  27%; }
  .xl-28  { width:  28%; } .xl-29  { width:  29%; } .xl-30  { width:  30%; }
  .xl-31  { width:  31%; } .xl-32  { width:  32%; } .xl-33  { width:  33%; }
  .xl-34  { width:  34%; } .xl-35  { width:  35%; } .xl-36  { width:  36%; }
  .xl-37  { width:  37%; } .xl-38  { width:  38%; } .xl-39  { width:  39%; }
  .xl-40  { width:  40%; } .xl-41  { width:  41%; } .xl-42  { width:  42%; }
  .xl-43  { width:  43%; } .xl-44  { width:  44%; } .xl-45  { width:  45%; }
  .xl-46  { width:  46%; } .xl-47  { width:  47%; } .xl-48  { width:  48%; }
  .xl-49  { width:  49%; } .xl-50  { width:  50%; } .xl-51  { width:  51%; }
  .xl-52  { width:  52%; } .xl-53  { width:  53%; } .xl-54  { width:  54%; }
  .xl-55  { width:  55%; } .xl-56  { width:  56%; } .xl-57  { width:  57%; }
  .xl-58  { width:  58%; } .xl-59  { width:  59%; } .xl-60  { width:  60%; }
  .xl-61  { width:  61%; } .xl-62  { width:  62%; } .xl-63  { width:  63%; }
  .xl-64  { width:  64%; } .xl-65  { width:  65%; } .xl-66  { width:  66%; }
  .xl-67  { width:  67%; } .xl-68  { width:  68%; } .xl-69  { width:  69%; }
  .xl-70  { width:  70%; } .xl-71  { width:  71%; } .xl-72  { width:  72%; }
  .xl-73  { width:  73%; } .xl-74  { width:  74%; } .xl-75  { width:  75%; }
  .xl-76  { width:  76%; } .xl-77  { width:  77%; } .xl-78  { width:  78%; }
  .xl-79  { width:  79%; } .xl-80  { width:  80%; } .xl-81  { width:  81%; }
  .xl-82  { width:  82%; } .xl-83  { width:  83%; } .xl-84  { width:  84%; }
  .xl-85  { width:  85%; } .xl-86  { width:  86%; } .xl-87  { width:  87%; }
  .xl-88  { width:  88%; } .xl-89  { width:  89%; } .xl-90  { width:  90%; }
  .xl-91  { width:  91%; } .xl-92  { width:  92%; } .xl-93  { width:  93%; }
  .xl-94  { width:  94%; } .xl-95  { width:  95%; } .xl-96  { width:  96%; }
  .xl-97  { width:  97%; } .xl-98  { width:  98%; } .xl-99  { width:  99%; }
  .xl-100 { width: 100%; } .xl-fix { width: 1280px;}
  .xl-not { display: none; } .xl-yes { display: inline-block;} .xl-auto { width: auto; }
}

/* FIXES
   ========================================================================== */
/* display: inline-block whitespace */
.colr .colr { margin-right: -.26em; }

/* NO FLEX FIXES */
.no-flexbox .colr { 
  display: inline-block; 
  margin-right: -5px;
  vertical-align: top;
}

.browserupgrade { text-align: center; }