/**
*
* CSStadium
* =========
*
* Framework for styling page structure and presentation.
* Full documentation can be found http://helpfurniture.com/csstadium
*
**/




/*==========  Rows  ==========*/

/* clearfix */
[class*=l-row]::before,
[class*=l-row]::after {
    content: " ";
    display: table;
}

/* clearfix */
[class*=l-row]::after {
    clear: both;
}

.l-row--use-gutters {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-top: 16px;
    margin-top: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem;
}

.l-row--mar-sm {
    margin-bottom: 8px;
    margin-bottom: .5rem;
    margin-top: 8px;
    margin-top: .5rem;
}

.l-row,
.l-row--mar-md {
    margin-bottom: 16px;
    margin-bottom: 1rem;
    margin-top: 16px;
    margin-top: 1rem;
}

.l-row--mar-lg {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
    margin-top: 24px;
    margin-top: 1.5rem;
}

.l-row--2s,
.l-row--mar-xl {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    margin-top: 32px;
    margin-top: 2rem;
}

.l-row--pad-sm {
    padding-bottom: 8px;
    padding-bottom: .5em;
    padding-top: 8px;
    padding-top: .5em;
}

.l-row--pad-md {
    padding-bottom: 16px;
    padding-bottom: 1rem;
    padding-top: 16px;
    padding-top: 1rem;
}

.l-row--pad-lg {
    padding-bottom: 24px;
    padding-bottom: 1.5rem;
    padding-top: 24px;
    padding-top: 1.5rem;
}

.l-row--pad-xl {
    padding-bottom: 32px;
    padding-bottom: 2rem;
    padding-top: 32px;
    padding-top: 2rem;
}

.l-row--ns,
[class*=l-row]:first-child {
    margin-top: 0;
}

.l-row--ns,
[class*=l-row]:last-child {
    margin-bottom: 0;
}

/*-----  End of Rows  ------*/




/*==========  Shared  ==========*/

.one-fourth,
.one-quarter,
.one-third,
.one-half,
.half,
.two-thirds,
.three-fourths,
.three-quarters,
.whole,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths,
.one-fourth--2s,
.one-quarter--2s,
.one-third--2s,
.one-half--2s,
.half--2s,
.two-thirds--2s,
.three-fourths--2s,
.three-quarters--2s,
.whole--2s,
.one-fifth--2s,
.two-fifths--2s,
.three-fifths--2s,
.four-fifths--2s,
.one-fourth--ns,
.one-quarter--ns,
.one-third--ns,
.one-half--ns,
.half--ns,
.two-thirds--ns,
.three-fourths--ns,
.three-quarters--ns,
.whole--ns,
.one-fifth--ns,
.two-fifths--ns,
.three-fifths--ns,
.four-fifths--ns,
[class*=l-col-],
[class*=l-grid-] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.one-fourth,
.one-quarter,
.one-third,
.one-half,
.half,
.two-thirds,
.three-fourths,
.three-quarters,
.whole,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths,
[class*=l-col-xl-],
[class*=l-grid-xl-] {
    float: left;
    margin-left: 16px;
    margin-left: 1rem;
}

.l-right > [class*=l-col-xl-],
.l-right > [class*=l-grid-xl-] {
    float: right;
    margin-right: 16px;
    margin-right: 1rem;
    margin-left:0;
}

.one-fourth--2s,
.one-quarter--2s,
.one-third--2s,
.one-half--2s,
.half--2s,
.two-thirds--2s,
.three-fourths--2s,
.three-quarters--2s,
.one-fifth--2s,
.two-fifths--2s,
.three-fifths--2s,
.four-fifths--2s,
.one-fourth--ns,
.one-quarter--ns,
.one-third--ns,
.one-half--ns,
.half--ns,
.two-thirds--ns,
.three-fourths--ns,
.three-quarters--ns,
.one-fifth--ns,
.two-fifths--ns,
.three-fifths--ns,
.four-fifths--ns,
.l-col-xl-1--ns,
.l-col-xl-2--ns,
.l-col-xl-3--ns,
.l-col-xl-4--ns,
.l-col-xl-5--ns,
.l-col-xl-6--ns,
.l-col-xl-7--ns,
.l-col-xl-8--ns,
.l-col-xl-9--ns,
.l-col-xl-10--ns,
.l-col-xl-11--ns {
    float: left;
}

.one-fourth--2s,
.one-quarter--2s,
.one-third--2s,
.one-half--2s,
.half--2s,
.two-thirds--2s,
.three-fourths--2s,
.three-quarters--2s,
.one-fifth--2s,
.two-fifths--2s,
.three-fifths--2s,
.four-fifths--2s,
.l-col-xl-1--2s,
.l-col-xl-2--2s,
.l-col-xl-3--2s,
.l-col-xl-4--2s,
.l-col-xl-5--2s,
.l-col-xl-6--2s,
.l-col-xl-7--2s,
.l-col-xl-8--2s,
.l-col-xl-9--2s,
.l-col-xl-10--2s,
.l-col-xl-11--2s,
.l-col-xl-12--2s {
    margin-left: 32px;
    margin-left: 2rem;
}

.l-right .one-fourth--2s,
.l-right .one-quarter--2s,
.l-right .one-third--2s,
.l-right .one-half--2s,
.l-right .half--2s,
.l-right .two-thirds--2s,
.l-right .three-fourths--2s,
.l-right .three-quarters--2s,
.l-right .one-fifth--2s,
.l-right .two-fifths--2s,
.l-right .three-fifths--2s,
.l-right .four-fifths--2s,
.l-right .l-col-xl-1--2s,
.l-right .l-col-xl-2--2s,
.l-right .l-col-xl-3--2s,
.l-right .l-col-xl-4--2s,
.l-right .l-col-xl-5--2s,
.l-right .l-col-xl-6--2s,
.l-right .l-col-xl-7--2s,
.l-right .l-col-xl-8--2s,
.l-right .l-col-xl-9--2s,
.l-right .l-col-xl-10--2s,
.l-right .l-col-xl-11--2s,
.l-right .l-col-xl-12--2s {
    margin-right: 32px;
    margin-right: 2rem;
}


/* remove margin from first column and "--ns" elements */

.one-fourth:first-child,
.one-quarter:first-child,
.one-third:first-child,
.one-half:first-child,
.half:first-child,
.two-thirds:first-child,
.three-fourths:first-child,
.three-quarters:first-child,
.whole:first-child,
.one-fifth:first-child,
.two-fifths:first-child,
.three-fifths:first-child,
.four-fifths:first-child,
.one-fourth--2s:first-child,
.one-quarter--2s:first-child,
.one-third--2s:first-child,
.one-half--2s:first-child,
.half--2s:first-child,
.two-thirds--2s:first-child,
.three-fourths--2s:first-child,
.three-quarters--2s:first-child,
.whole--2s:first-child,
.one-fifth--2s:first-child,
.two-fifths--2s:first-child,
.three-fifths--2s:first-child,
.four-fifths--2s:first-child,
[class*=l-col-]:first-child,
.one-fourth--ns,
.one-quarter--ns,
.one-third--ns,
.one-half--ns,
.half--ns,
.two-thirds--ns,
.three-fourths--ns,
.three-quarters--ns,
.one-fifth--ns,
.two-fifths--ns,
.three-fifths--ns,
.four-fifths--ns,
.l-col-xl-1--ns,
.l-col-xl-2--ns,
.l-col-xl-3--ns,
.l-col-xl-4--ns,
.l-col-xl-5--ns,
.l-col-xl-6--ns,
.l-col-xl-7--ns,
.l-col-xl-8--ns,
.l-col-xl-9--ns,
.l-col-xl-10--ns,
.l-col-xl-11--ns {
    margin-left: 0;
}

.l-right > [class*=l-col-]:first-child {
    margin-right:0;
}

/*-----  End of Shared  ------*/




/*==========  12 Column Grid  ==========*/


/* 1 Column */

.l-col-xl-1 {
    width: -webkit-calc(99.99%*1/12 - 16px*11/12);
    width: calc(99.99%*1/12 - 16px*11/12);
    width: -webkit-calc(99.99%*1/12 - 1rem*11/12);
    width: calc(99.99%*1/12 - 1rem*11/12);
}

.l-col-xl-1--2s {
    width: -webkit-calc(99.99%*1/12 - 32px*11/12);
    width: calc(99.99%*1/12 - 32px*11/12);
    width: -webkit-calc(99.99%*1/12 - 2rem*11/12);
    width: calc(99.99%*1/12 - 2rem*11/12);
}

.l-col-xl-1--ns {
    width: 8.33333333%;
}


/* 2 Columns */

.l-col-xl-2,
.l-grid-xl-2 {
    width: -webkit-calc(99.99%/6 - 16px*5/6);
    width: calc(99.99%/6 - 16px*5/6);
    width: -webkit-calc(99.99%/6 - 1rem*5/6);
    width: calc(99.99%/6 - 1rem*5/6);
}

.l-col-xl-2--2s,
.l-grid-xl-2--2s {
    width: -webkit-calc(99.99%/6 - 32px*5/6);
    width: calc(99.99%/6 - 32px*5/6);
    width: -webkit-calc(99.99%/6 - 2rem*5/6);
    width: calc(99.99%/6 - 2rem*5/6);
}

.l-col-xl-2--ns,
.l-grid-xl-2--ns {
    width: 16.66666666%;
}


/* 3 Columns */

.one-fourth,
.one-quarter,
.l-col-xl-3,
.l-grid-xl-3 {
    width: -webkit-calc(99.99%*1/4 - 16px*3/4);
    width: calc(99.99%*1/4 - 16px*3/4);
    width: -webkit-calc(99.99%*1/4 - 1rem*3/4);
    width: calc(99.99%*1/4 - 1rem*3/4);
}

.one-fourth--2s,
.one-quarter--2s,
.l-col-xl-3--2s,
.l-grid-xl-3--2s {
    width: -webkit-calc(99.99%*1/4 - 32px*3/4);
    width: calc(99.99%*1/4 - 32px*3/4);
    width: -webkit-calc(99.99%*1/4 - 2rem*3/4);
    width: calc(99.99%*1/4 - 2rem*3/4);
}

.one-fourth--ns,
.one-quarter--ns,
.l-col-xl-3--ns,
.l-grid-xl-3--ns {
    width: 25%;
}


/* 4 Columns */

.one-third,
.l-col-xl-4,
.l-grid-xl-4 {
    width: -webkit-calc(99.99%*2/6 - 16px*4/6);
    width: calc(99.99%*2/6 - 16px*4/6);
    width: -webkit-calc(99.99%*2/6 - 1rem*4/6);
    width: calc(99.99%*2/6 - 1rem*4/6);
}

.one-third--2s,
.l-col-xl-4--2s,
.l-grid-xl-4--2s {
    width: -webkit-calc(99.99%*2/6 - 32px*4/6);
    width: calc(99.99%*2/6 - 32px*4/6);
    width: -webkit-calc(99.99%*2/6 - 2rem*4/6);
    width: calc(99.99%*2/6 - 2rem*4/6);
}

.one-third--ns,
.l-col-xl-4--ns,
.l-grid-xl-4--ns {
    width: 33.33333333%
}


/* 5 Columns */

.l-col-xl-5 {
    width: -webkit-calc(99.99%*5/12 - 16px*7/12);
    width: calc(99.99%*5/12 - 16px*7/12);
    width: -webkit-calc(99.99%*5/12 - 1rem*7/12);
    width: calc(99.99%*5/12 - 1rem*7/12);
}

.l-col-xl-5--2s {
    width: -webkit-calc(99.99%*5/12 - 32px*7/12);
    width: calc(99.99%*5/12 - 32px*7/12);
    width: -webkit-calc(99.99%*5/12 - 2rem*7/12);
    width: calc(99.99%*5/12 - 2rem*7/12);
}

.l-col-xl-5--ns {
    width: 41.66%;
}


/* 6 Columns */

.one-half,
.half,
.l-col-xl-6,
.l-grid-xl-6 {
    width: -webkit-calc(99.99%*1/2 - 16px*1/2);
    width: calc(99.99%*1/2 - 16px*1/2);
    width: -webkit-calc(99.99%*1/2 - 1rem*1/2);
    width: calc(99.99%*1/2 - 1rem*1/2);
}

.one-half--2s,
.half--2s,
.l-col-xl-6--2s,
.l-grid-xl-6--2s {
    width: -webkit-calc(99.99%*1/2 - 32px*1/2);
    width: calc(99.99%*1/2 - 32px*1/2);
    width: -webkit-calc(99.99%*1/2 - 2rem*1/2);
    width: calc(99.99%*1/2 - 2rem*1/2);
}

.one-half--ns,
.half--ns,
.l-col-xl-6--ns,
.l-grid-xl-6--ns {
    width: 50%;
}


/* 7 Columns */

.l-col-xl-7 {
    width: -webkit-calc(99.99%*7/12 - 16px*5/12);
    width: calc(99.99%*7/12 - 16px*5/12);
    width: -webkit-calc(99.99%*7/12 - 1rem*5/12);
    width: calc(99.99%*7/12 - 1rem*5/12);
}

.l-col-xl-7--2s {
    width: -webkit-calc(99.99%*7/12 - 32px*5/12);
    width: calc(99.99%*7/12 - 32px*5/12);
    width: -webkit-calc(99.99%*7/12 - 2rem*5/12);
    width: calc(99.99%*7/12 - 2rem*5/12);
}

.l-col-xl-7--ns {
    width: 58.33333333%;
}


/* 8 Columns */

.two-thirds,
.l-col-xl-8 {
    width: -webkit-calc(99.99%*2/3 - 16px*1/3);
    width: calc(99.99%*2/3 - 16px*1/3);
    width: -webkit-calc(99.99%*2/3 - 1rem*1/3);
    width: calc(99.99%*2/3 - 1rem*1/3);
}

.two-thirds--2s,
.l-col-xl-8--2s {
    width: -webkit-calc(99.99%*2/3 - 32px*1/3);
    width: calc(99.99%*2/3 - 32px*1/3);
    width: -webkit-calc(99.99%*2/3 - 2rem*1/3);
    width: calc(99.99%*2/3 - 2rem*1/3);
}

.two-thirds--ns,
.l-col-xl-8--ns {
    width: 66.66666666%;
}


/* 9 Columns */

.three-fourths,
.three-quarters,
.l-col-xl-9 {
    width: -webkit-calc(99.99%*3/4 - 16px*1/4);
    width: calc(99.99%*3/4 - 16px*1/4);
    width: -webkit-calc(99.99%*3/4 - 1rem*1/4);
    width: calc(99.99%*3/4 - 1rem*1/4);
}

.three-fourths--2s,
.three-quarters--2s,
.l-col-xl-9--2s {
    width: -webkit-calc(99.99%*3/4 - 32px*1/4);
    width: calc(99.99%*3/4 - 32px*1/4);
    width: -webkit-calc(99.99%*3/4 - 2rem*1/4);
    width: calc(99.99%*3/4 - 2rem*1/4);
}

.three-fourths--ns,
.three-quarters--ns,
.l-col-xl-9--ns {
    width: 75%;
}


/* 10 Columns */

.l-col-xl-10 {
    width: -webkit-calc(99.99%*5/6 - 16px*1/6);
    width: calc(99.99%*5/6 - 16px*1/6);
    width: -webkit-calc(99.99%*5/6 - 1rem*1/6);
    width: calc(99.99%*5/6 - 1rem*1/6);
}

.l-col-xl-10--2s {
    width: -webkit-calc(99.99%*5/6 - 32px*1/6);
    width: calc(99.99%*5/6 - 32px*1/6);
    width: -webkit-calc(99.99%*5/6 - 2rem*1/6);
    width: calc(99.99%*5/6 - 2rem*1/6);
}

.l-col-xl-10--ns {
    width: 83.33333333%;
}


/* 11 Columns */

.l-col-xl-11 {
    width: -webkit-calc(99.99%*11/12 - 16px*1/12);
    width: calc(99.99%*11/12 - 16px*1/12);
    width: -webkit-calc(99.99%*11/12 - 1rem*1/12);
    width: calc(99.99%*11/12 - 1rem*1/12);
}

.l-col-xl-11--2s {
    width: -webkit-calc(99.99%*11/12 - 32px*1/12);
    width: calc(99.99%*11/12 - 32px*1/12);
    width: -webkit-calc(99.99%*11/12 - 2rem*1/12);
    width: calc(99.99%*11/12 - 2rem*1/12);
}

.l-col-xl-11--ns {
    width: 91.66666666%;
}


/* 12 Columns */

.whole,
.l-col-xl-12,
.l-grid-xl-12 {
    float: none;
    margin-left: 0;
    width: 100%;
}



/*  
    Offsets
    Adds margin equal to a number of columns (+16px to account for standard margin)
    I had to add the nth-child thing to add another level specifity because the of the bits that remove margin from the first-child
*/
.l-col-xl-offset-1:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*1/12 - 16px*11/12 + 16px);
    margin-left:  calc(99.99%*1/12 - 16px*11/12 + 16px);
    margin-left:  -webkit-calc(99.99%*1/12 - 1rem*11/12 + 1rem);
    margin-left:  calc(99.99%*1/12 - 1rem*11/12 + 1rem);
}

.l-col-xl-offset-2:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*2/12 - 16px*10/12 + 16px);
    margin-left:  calc(99.99%*2/12 - 16px*10/12 + 16px);
    margin-left:  -webkit-calc(99.99%*2/12 - 1rem*10/12 + 1rem);
    margin-left:  calc(99.99%*2/12 - 1rem*10/12 + 1rem);
}

.l-col-xl-offset-3:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*3/12 - 16px*9/12 + 16px);
    margin-left:  calc(99.99%*3/12 - 16px*9/12 + 16px);
    margin-left:  -webkit-calc(99.99%*3/12 - 1rem*9/12 + 1rem);
    margin-left:  calc(99.99%*3/12 - 1rem*9/12 + 1rem);
}

.l-col-xl-offset-4:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*4/12 - 16px*8/12 + 16px);
    margin-left:  calc(99.99%*4/12 - 16px*8/12 + 16px);
    margin-left:  -webkit-calc(99.99%*4/12 - 1rem*8/12 + 1rem);
    margin-left:  calc(99.99%*4/12 - 1rem*8/12 + 1rem);
}

.l-col-xl-offset-5:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*5/12 - 16px*7/12 + 16px);
    margin-left:  calc(99.99%*5/12 - 16px*7/12 + 16px);
    margin-left:  -webkit-calc(99.99%*5/12 - 1rem*7/12 + 1rem);
    margin-left:  calc(99.99%*5/12 - 1rem*7/12 + 1rem);
}

.l-col-xl-offset-6:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*6/12 - 16px*6/12 + 16px);
    margin-left:  calc(99.99%*6/12 - 16px*6/12 + 16px);
    margin-left:  -webkit-calc(99.99%*6/12 - 1rem*6/12 + 1rem);
    margin-left:  calc(99.99%*6/12 - 1rem*6/12 + 1rem);
}

.l-col-xl-offset-7:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*7/12 - 16px*5/12 + 16px);
    margin-left:  calc(99.99%*7/12 - 16px*5/12 + 16px);
    margin-left:  -webkit-calc(99.99%*7/12 - 1rem*5/12 + 1rem);
    margin-left:  calc(99.99%*7/12 - 1rem*5/12 + 1rem);
}

.l-col-xl-offset-8:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*8/12 - 16px*4/12 + 16px);
    margin-left:  calc(99.99%*8/12 - 16px*4/12 + 16px);
    margin-left:  -webkit-calc(99.99%*8/12 - 1rem*4/12 + 1rem);
    margin-left:  calc(99.99%*8/12 - 1rem*4/12 + 1rem);
}

.l-col-xl-offset-9:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*9/12 - 16px*3/12 + 16px);
    margin-left:  calc(99.99%*9/12 - 16px*3/12 + 16px);
    margin-left:  -webkit-calc(99.99%*9/12 - 1rem*3/12 + 1rem);
    margin-left:  calc(99.99%*9/12 - 1rem*3/12 + 1rem);
}

.l-col-xl-offset-10:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*10/12 - 16px*2/12 + 16px);
    margin-left:  calc(99.99%*10/12 - 16px*2/12 + 16px);
    margin-left:  -webkit-calc(99.99%*10/12 - 1rem*2/12 + 1rem);
    margin-left:  calc(99.99%*10/12 - 1rem*2/12 + 1rem);
}

.l-col-xl-offset-11:nth-child(1n) {
    margin-left: -webkit-calc(99.99%*11/12 - 16px*1/12 + 16px);
    margin-left:  calc(99.99%*11/12 - 16px*1/12 + 16px);
    margin-left:  -webkit-calc(99.99%*11/12 - 1rem*1/12 + 1rem);
    margin-left:  calc(99.99%*11/12 - 1rem*1/12 + 1rem);
}



/*-----  End of 12 Column Grid  ------*/




/*==========  5 Column Grid  ==========*/


/* 1 Column */

.one-fifth,
.l-col-xl-1-5 {
    width: -webkit-calc(99.99%*1/5 - 16px*4/5);
    width: calc(99.99%*1/5 - 16px*4/5);
    width: -webkit-calc(99.99%*1/5 - 1rem*4/5);
    width: calc(99.99%*1/5 - 1rem*4/5);
}

.one-fifth--2s,
.l-col-xl-1-5--2s {
    width: -webkit-calc(99.99%*1/5 - 32px*4/5);
    width: calc(99.99%*1/5 - 32px*4/5);
    width: -webkit-calc(99.99%*1/5 - 2rem*4/5);
    width: calc(99.99%*1/5 - 2rem*4/5);
}

.one-fifth--ns,
.l-col-xl-1-5--ns {
    width: 20%;
}


/* 2 Columns */

.two-fifths,
.l-col-xl-2-5 {
    width: -webkit-calc(99.99%*2/5 - 16px*3/5);
    width: calc(99.99%*2/5 - 16px*3/5);
    width: -webkit-calc(99.99%*2/5 - 1rem*3/5);
    width: calc(99.99%*2/5 - 1rem*3/5);
}

.two-fifths--2s,
.l-col-xl-2-5--2s {
    width: -webkit-calc(99.99%*2/5 - 32px*3/5);
    width: calc(99.99%*2/5 - 32px*3/5);
    width: -webkit-calc(99.99%*2/5 - 2rem*3/5);
    width: calc(99.99%*2/5 - 2rem*3/5);
}

.two-fifths--ns,
.l-col-xl-2-5--ns {
    width: 40%;
}


/* 3 Columns */

.three-fifths,
.l-col-xl-3-5 {
    width: -webkit-calc(99.99%*3/5 - 16px*2/5);
    width: calc(99.99%*3/5 - 16px*2/5);
    width: -webkit-calc(99.99%*3/5 - 1rem*2/5);
    width: calc(99.99%*3/5 - 1rem*2/5);
}

.three-fifths--2s,
.l-col-xl-3-5--2s {
    width: -webkit-calc(99.99%*3/5 - 32px*2/5);
    width: calc(99.99%*3/5 - 32px*2/5);
    width: -webkit-calc(99.99%*3/5 - 2rem*2/5);
    width: calc(99.99%*3/5 - 2rem*2/5);
}

.three-fifths--ns,
.l-col-xl-3-5--ns {
    width: 60%;
}


/* 4 Columns */

.four-fifths,
.l-col-xl-4-5 {
    width: -webkit-calc(99.99%*4/5 - 16px*1/5);
    width: calc(99.99%*4/5 - 16px*1/5);
    width: -webkit-calc(99.99%*4/5 - 1rem*1/5);
    width: calc(99.99%*4/5 - 1rem*1/5);
}

.four-fifths--2s,
.l-col-xl-4-5--2s {
    width: -webkit-calc(99.99%*4/5 - 32px*1/5);
    width: calc(99.99%*4/5 - 32px*1/5);
    width: -webkit-calc(99.99%*4/5 - 2rem*1/5);
    width: calc(99.99%*4/5 - 2rem*1/5);
}

.four-fifths--ns,
.l-col-xl-4-5--ns {
    width: 80%;
}


/* 5 Columns */

.l-col-xl-5-5 {
    float: none;
    margin-left: 0;
    width: 100%;
}


/*-----  End of 5 Column Grid  ------*/




/*==========  Grid  ==========*/

[class*=l-grid-xl-] {
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.l-grid-xl-2--2s,
.l-grid-xl-3--2s,
.l-grid-xl-4--2s,
.l-grid-xl-6--2s,
.l-grid-xl-12--2s {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    margin-left: 32px;
    margin-left: 2rem;
}

.l-grid-xl-2--ns,
.l-grid-xl-3--ns,
.l-grid-xl-4--ns,
.l-grid-xl-6--ns,
.l-grid-xl-12--ns {
    margin-bottom: 0;
    margin-left: 0;
}

/* removes margin-left from first grid item in each row */
[class*=l-grid-xl-2]:nth-child(6n+1),
[class*=l-grid-xl-3]:nth-child(4n+1),
[class*=l-grid-xl-4]:nth-child(3n+1),
[class*=l-grid-xl-6]:nth-child(2n+1),
[class*=l-grid-xl-12]:nth-child(1n+1) {
    clear: both;
    margin-left: 0;
}

/* removes margin-bottom from each grid item in the last row */
[class*=l-grid-xl-2]:nth-child(6n):nth-last-child(-n+7) ~ [class*=l-grid-],
[class*=l-grid-xl-3]:nth-child(4n):nth-last-child(-n+5) ~ [class*=l-grid-],
[class*=l-grid-xl-4]:nth-child(3n):nth-last-child(-n+4) ~ [class*=l-grid-],
[class*=l-grid-xl-6]:nth-child(2n):nth-last-child(-n+3) ~ [class*=l-grid-],
[class*=l-grid-xl-12]:nth-child(1n):nth-last-child(-n+2) ~ [class*=l-grid-] {
    margin-bottom: 0;
}

/*-----  End of Grid  ------*/



/**
*
* CSStadium (Responsive)
* ======================
*
* Framework for styling page structure and presentation.
* Full documentation can be found http://helpfurniture.com/csstadium
*
**/




/*=================================================
=            CSStadium (Large Devices)            =
=================================================*/

@media only screen and (max-width: 99.9167em) {




    /*==========  Shared  ==========*/

    [class*=l-col-lg-] {
        float: left;
        margin-left: 16px;
        margin-left: 1rem;
    }

    .l-col-lg-1--2s,
    .l-col-lg-2--2s,
    .l-col-lg-3--2s,
    .l-col-lg-4--2s,
    .l-col-lg-5--2s,
    .l-col-lg-6--2s,
    .l-col-lg-7--2s,
    .l-col-lg-8--2s,
    .l-col-lg-9--2s,
    .l-col-lg-10--2s,
    .l-col-lg-11--2s,
    .l-col-lg-12--2s {
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-col-lg-1--ns,
    .l-col-lg-2--ns,
    .l-col-lg-3--ns,
    .l-col-lg-4--ns,
    .l-col-lg-5--ns,
    .l-col-lg-6--ns,
    .l-col-lg-7--ns,
    .l-col-lg-8--ns,
    .l-col-lg-9--ns,
    .l-col-lg-10--ns,
    .l-col-lg-11--ns {
        margin-left: 0;
    }

    /*-----  End of Shared  ------*/




    /*==========  12 Column Grid  ==========*/


    /* 1 Column */

    .l-col-lg-1 {
        width: -webkit-calc(99.99%*1/12 - 16px*11/12);
        width: calc(99.99%*1/12 - 16px*11/12);
        width: -webkit-calc(99.99%*1/12 - 1rem*11/12);
        width: calc(99.99%*1/12 - 1rem*11/12);
    }

    .l-col-lg-1--2s {
        width: -webkit-calc(99.99%*1/12 - 32px*11/12);
        width: calc(99.99%*1/12 - 32px*11/12);
        width: -webkit-calc(99.99%*1/12 - 2rem*11/12);
        width: calc(99.99%*1/12 - 2rem*11/12);
    }

    .l-col-lg-1--ns {
        width: 8.33333333%;
    }


    /* 2 Columns */

    .l-col-lg-2,
    .l-grid-lg-2 {
        width: -webkit-calc(99.99%/6 - 16px*5/6);
        width: calc(99.99%/6 - 16px*5/6);
        width: -webkit-calc(99.99%/6 - 1rem*5/6);
        width: calc(99.99%/6 - 1rem*5/6);
    }

    .l-col-lg-2--2s,
    .l-grid-lg-2--2s {
        width: -webkit-calc(99.99%/6 - 32px*5/6);
        width: calc(99.99%/6 - 32px*5/6);
        width: -webkit-calc(99.99%/6 - 2rem*5/6);
        width: calc(99.99%/6 - 2rem*5/6);
    }

    .l-col-lg-2--ns,
    .l-grid-lg-2--ns {
        width: 16.66666666%;
    }


    /* 3 Columns */

    .l-col-lg-3,
    .l-grid-lg-3 {
        width: -webkit-calc(99.99%*1/4 - 16px*3/4);
        width: calc(99.99%*1/4 - 16px*3/4);
        width: -webkit-calc(99.99%*1/4 - 1rem*3/4);
        width: calc(99.99%*1/4 - 1rem*3/4);
    }

    .l-col-lg-3--2s,
    .l-grid-lg-3--2s {
        width: -webkit-calc(99.99%*1/4 - 32px*3/4);
        width: calc(99.99%*1/4 - 32px*3/4);
        width: -webkit-calc(99.99%*1/4 - 2rem*3/4);
        width: calc(99.99%*1/4 - 2rem*3/4);
    }

    .l-col-lg-3--ns,
    .l-grid-lg-3--ns {
        width: 25%;
    }


    /* 4 Columns */

    .l-col-lg-4,
    .l-grid-lg-4 {
        width: -webkit-calc(99.99%*2/6 - 16px*4/6);
        width: calc(99.99%*2/6 - 16px*4/6);
        width: -webkit-calc(99.99%*2/6 - 1rem*4/6);
        width: calc(99.99%*2/6 - 1rem*4/6);
    }

    .l-col-lg-4--2s,
    .l-grid-lg-4--2s {
        width: -webkit-calc(99.99%*2/6 - 32px*4/6);
        width: calc(99.99%*2/6 - 32px*4/6);
        width: -webkit-calc(99.99%*2/6 - 2rem*4/6);
        width: calc(99.99%*2/6 - 2rem*4/6);
    }

    .l-col-lg-4--ns,
    .l-grid-lg-4--ns {
        width: 33.33333333%
    }


    /* 5 Columns */

    .l-col-lg-5 {
        width: -webkit-calc(99.99%*5/12 - 16px*7/12);
        width: calc(99.99%*5/12 - 16px*7/12);
        width: -webkit-calc(99.99%*5/12 - 1rem*7/12);
        width: calc(99.99%*5/12 - 1rem*7/12);
    }

    .l-col-lg-5--2s {
        width: -webkit-calc(99.99%*5/12 - 32px*7/12);
        width: calc(99.99%*5/12 - 32px*7/12);
        width: -webkit-calc(99.99%*5/12 - 2rem*7/12);
        width: calc(99.99%*5/12 - 2rem*7/12);
    }

    .l-col-lg-5--ns {
        width: 41.66%;
    }


    /* 6 Columns */

    .l-col-lg-6,
    .l-grid-lg-6 {
        width: -webkit-calc(99.99%*1/2 - 16px*1/2);
        width: calc(99.99%*1/2 - 16px*1/2);
        width: -webkit-calc(99.99%*1/2 - 1rem*1/2);
        width: calc(99.99%*1/2 - 1rem*1/2);
    }

    .l-col-lg-6--2s,
    .l-grid-lg-6--2s {
        width: -webkit-calc(99.99%*1/2 - 32px*1/2);
        width: calc(99.99%*1/2 - 32px*1/2);
        width: -webkit-calc(99.99%*1/2 - 2rem*1/2);
        width: calc(99.99%*1/2 - 2rem*1/2);
    }

    .l-col-lg-6--ns,
    .l-grid-lg-6--ns {
        width: 50%;
    }


    /* 7 Columns */

    .l-col-lg-7 {
        width: -webkit-calc(99.99%*7/12 - 16px*5/12);
        width: calc(99.99%*7/12 - 16px*5/12);
        width: -webkit-calc(99.99%*7/12 - 1rem*5/12);
        width: calc(99.99%*7/12 - 1rem*5/12);
    }

    .l-col-lg-7--2s {
        width: -webkit-calc(99.99%*7/12 - 32px*5/12);
        width: calc(99.99%*7/12 - 32px*5/12);
        width: -webkit-calc(99.99%*7/12 - 2rem*5/12);
        width: calc(99.99%*7/12 - 2rem*5/12);
    }

    .l-col-lg-7--ns {
        width: 58.33333333%;
    }


    /* 8 Columns */

    .l-col-lg-8 {
        width: -webkit-calc(99.99%*2/3 - 16px*1/3);
        width: calc(99.99%*2/3 - 16px*1/3);
        width: -webkit-calc(99.99%*2/3 - 1rem*1/3);
        width: calc(99.99%*2/3 - 1rem*1/3);
    }

    .l-col-lg-8--2s {
        width: -webkit-calc(99.99%*2/3 - 32px*1/3);
        width: calc(99.99%*2/3 - 32px*1/3);
        width: -webkit-calc(99.99%*2/3 - 2rem*1/3);
        width: calc(99.99%*2/3 - 2rem*1/3);
    }

    .l-col-lg-8--ns {
        width: 66.66666666%;
    }


    /* 9 Columns */

    .l-col-lg-9 {
        width: -webkit-calc(99.99%*3/4 - 16px*1/4);
        width: calc(99.99%*3/4 - 16px*1/4);
        width: -webkit-calc(99.99%*3/4 - 1rem*1/4);
        width: calc(99.99%*3/4 - 1rem*1/4);
    }

    .l-col-lg-9--2s {
        width: -webkit-calc(99.99%*3/4 - 32px*1/4);
        width: calc(99.99%*3/4 - 32px*1/4);
        width: -webkit-calc(99.99%*3/4 - 2rem*1/4);
        width: calc(99.99%*3/4 - 2rem*1/4);
    }

    .l-col-lg-9--ns {
        width: 75%;
    }


    /* 10 Columns */

    .l-col-lg-10 {
        width: -webkit-calc(99.99%*5/6 - 16px*1/6);
        width: calc(99.99%*5/6 - 16px*1/6);
        width: -webkit-calc(99.99%*5/6 - 1rem*1/6);
        width: calc(99.99%*5/6 - 1rem*1/6);
    }

    .l-col-lg-10--2s {
        width: -webkit-calc(99.99%*5/6 - 32px*1/6);
        width: calc(99.99%*5/6 - 32px*1/6);
        width: -webkit-calc(99.99%*5/6 - 2rem*1/6);
        width: calc(99.99%*5/6 - 2rem*1/6);
    }

    .l-col-lg-10--ns {
        width: 83.33333333%;
    }


    /* 11 Columns */

    .l-col-lg-11 {
        width: -webkit-calc(99.99%*11/12 - 16px*1/12);
        width: calc(99.99%*11/12 - 16px*1/12);
        width: -webkit-calc(99.99%*11/12 - 1rem*1/12);
        width: calc(99.99%*11/12 - 1rem*1/12);
    }

    .l-col-lg-11--2s {
        width: -webkit-calc(99.99%*11/12 - 32px*1/12);
        width: calc(99.99%*11/12 - 32px*1/12);
        width: -webkit-calc(99.99%*11/12 - 2rem*1/12);
        width: calc(99.99%*11/12 - 2rem*1/12);
    }

    .l-col-lg-11--ns {
        width: 91.66666666%;
    }


    /* 12 Columns */

    .l-col-lg-12,
    .l-grid-lg-12 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 12 Column Grid  ------*/




    /*==========  5 Column Grid  ==========*/


    /* 1 Column */

    .l-col-lg-1-5 {
        width: -webkit-calc(99.99%*1/5 - 16px*4/5);
        width: calc(99.99%*1/5 - 16px*4/5);
        width: -webkit-calc(99.99%*1/5 - 1rem*4/5);
        width: calc(99.99%*1/5 - 1rem*4/5);
    }

    .l-col-lg-1-5--2s {
        width: -webkit-calc(99.99%*1/5 - 32px*4/5);
        width: calc(99.99%*1/5 - 32px*4/5);
        width: -webkit-calc(99.99%*1/5 - 2rem*4/5);
        width: calc(99.99%*1/5 - 2rem*4/5);
    }

    .l-col-lg-1-5--ns {
        width: 20%;
    }


    /* 2 Columns */

    .l-col-lg-2-5 {
        width: -webkit-calc(99.99%*2/5 - 16px*3/5);
        width: calc(99.99%*2/5 - 16px*3/5);
        width: -webkit-calc(99.99%*2/5 - 1rem*3/5);
        width: calc(99.99%*2/5 - 1rem*3/5);
    }

    .l-col-lg-2-5--2s {
        width: -webkit-calc(99.99%*2/5 - 32px*3/5);
        width: calc(99.99%*2/5 - 32px*3/5);
        width: -webkit-calc(99.99%*2/5 - 2rem*3/5);
        width: calc(99.99%*2/5 - 2rem*3/5);
    }

    .l-col-lg-2-5--ns {
        width: 40%;
    }


    /* 3 Columns */

    .l-col-lg-3-5 {
        width: -webkit-calc(99.99%*3/5 - 16px*2/5);
        width: calc(99.99%*3/5 - 16px*2/5);
        width: -webkit-calc(99.99%*3/5 - 1rem*2/5);
        width: calc(99.99%*3/5 - 1rem*2/5);
    }

    .l-col-lg-3-5--2s {
        width: -webkit-calc(99.99%*3/5 - 32px*2/5);
        width: calc(99.99%*3/5 - 32px*2/5);
        width: -webkit-calc(99.99%*3/5 - 2rem*2/5);
        width: calc(99.99%*3/5 - 2rem*2/5);
    }

    .l-col-lg-3-5--ns {
        width: 60%;
    }


    /* 4 Columns */

    .l-col-lg-4-5 {
        width: -webkit-calc(99.99%*4/5 - 16px*1/5);
        width: calc(99.99%*4/5 - 16px*1/5);
        width: -webkit-calc(99.99%*4/5 - 1rem*1/5);
        width: calc(99.99%*4/5 - 1rem*1/5);
    }

    .l-col-lg-4-5--2s {
        width: -webkit-calc(99.99%*4/5 - 32px*1/5);
        width: calc(99.99%*4/5 - 32px*1/5);
        width: -webkit-calc(99.99%*4/5 - 2rem*1/5);
        width: calc(99.99%*4/5 - 2rem*1/5);
    }

    .l-col-lg-4-5--ns {
        width: 80%;
    }


    /* 5 Columns */

    .l-col-lg-5-5 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 5 Column Grid  ------*/




    /*==========  Grid  ==========*/

    [class*=l-grid-lg-] {
        display: block; /* not redundant, float can be removed at higher grid sizes */
        float: left;
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    .l-grid-lg-2--2s,
    .l-grid-lg-3--2s,
    .l-grid-lg-4--2s,
    .l-grid-lg-6--2s,
    .l-grid-lg-12--2s {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-grid-lg-2--ns,
    .l-grid-lg-3--ns,
    .l-grid-lg-4--ns,
    .l-grid-lg-6--ns,
    .l-grid-lg-12--ns {
        margin-bottom: 0;
        margin-left: 0;
    }

    /* overrides clear and margin-left set on first grid items in row on "xl" devices */
    [class*=l-grid-lg-]:nth-child(1n) {
        clear: none;
        margin-left: 16px;
        margin-left: 1rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-lg-2--2s:nth-child(1n),
    .l-grid-lg-3--2s:nth-child(1n),
    .l-grid-lg-4--2s:nth-child(1n),
    .l-grid-lg-6--2s:nth-child(1n),
    .l-grid-lg-12--2s:nth-child(1n) {
        margin-left: 32px;
        margin-left: 2rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-lg-2--ns:nth-child(1n),
    .l-grid-lg-3--ns:nth-child(1n),
    .l-grid-lg-4--ns:nth-child(1n),
    .l-grid-lg-6--ns:nth-child(1n),
    .l-grid-lg-12--ns:nth-child(1n) {
        margin-left: 0;
    }

    /* overrides margin-bottom set on larger devices */
    [class*=l-grid-lg-]:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-] {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-lg-2--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-3--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-4--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-6--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-12--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-] {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-lg-2--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-3--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-4--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-6--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-],
    .l-grid-lg-12--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-lg-] {
        margin-bottom: 0px;
    }

    /* removes margin-left from first grid item in each row */
    [class*=l-grid-lg-2]:nth-child(6n+1),
    [class*=l-grid-lg-3]:nth-child(4n+1),
    [class*=l-grid-lg-4]:nth-child(3n+1),
    [class*=l-grid-lg-6]:nth-child(2n+1),
    [class*=l-grid-lg-12]:nth-child(1n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-right > [class*=l-grid-md-2]:nth-child(6n+1),
    .l-right > [class*=l-grid-md-3]:nth-child(4n+1),
    .l-right > [class*=l-grid-md-4]:nth-child(3n+1),
    .l-right > [class*=l-grid-md-6]:nth-child(2n+1),
    .l-right > [class*=l-grid-md-12]:nth-child(1n+1) {
        margin-right: 0;
    }

    /* removes margin-bottom from each grid item in the last row */
    [class*=l-grid-lg-2]:nth-child(6n):nth-last-child(-n+7) ~ [class*=l-grid-lg-],
    [class*=l-grid-lg-3]:nth-child(4n):nth-last-child(-n+5) ~ [class*=l-grid-lg-],
    [class*=l-grid-lg-4]:nth-child(3n):nth-last-child(-n+4) ~ [class*=l-grid-lg-],
    [class*=l-grid-lg-6]:nth-child(2n):nth-last-child(-n+3) ~ [class*=l-grid-lg-],
    [class*=l-grid-lg-12]:nth-child(1n):nth-last-child(-n+2) ~ [class*=l-grid-lg-] {
        margin-bottom: 0;
    }

    /*-----  End of Grid  ------*/


}


/*-----  End of CSStadium (Large Devices)  ------*/




/*==================================================
=            CSStadium (Medium Devices)            =
==================================================*/

@media only screen and (max-width: 61.9375em) {




    /*==========  Shared  ==========*/

    [class*=l-col-md-] {
        float: left;
        margin-left: 16px;
        margin-left: 1rem;
    }

    .l-col-md-1--2s,
    .l-col-md-2--2s,
    .l-col-md-3--2s,
    .l-col-md-4--2s,
    .l-col-md-5--2s,
    .l-col-md-6--2s,
    .l-col-md-7--2s,
    .l-col-md-8--2s,
    .l-col-md-9--2s,
    .l-col-md-10--2s,
    .l-col-md-11--2s,
    .l-col-md-12--2s {
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-col-md-1--ns,
    .l-col-md-2--ns,
    .l-col-md-3--ns,
    .l-col-md-4--ns,
    .l-col-md-5--ns,
    .l-col-md-6--ns,
    .l-col-md-7--ns,
    .l-col-md-8--ns,
    .l-col-md-9--ns,
    .l-col-md-10--ns,
    .l-col-md-11--ns {
        margin-left: 0;
    }

    /*-----  End of Shared  ------*/




    /*==========  12 Column Grid  ==========*/


    /* 1 Column */

    .l-col-md-1 {
        width: -webkit-calc(99.99%*1/12 - 16px*11/12);
        width: calc(99.99%*1/12 - 16px*11/12);
        width: -webkit-calc(99.99%*1/12 - 1rem*11/12);
        width: calc(99.99%*1/12 - 1rem*11/12);
    }

    .l-col-md-1--2s {
        width: -webkit-calc(99.99%*1/12 - 32px*11/12);
        width: calc(99.99%*1/12 - 32px*11/12);
        width: -webkit-calc(99.99%*1/12 - 2rem*11/12);
        width: calc(99.99%*1/12 - 2rem*11/12);
    }

    .l-col-md-1--ns {
        width: 8.33333333%;
    }


    /* 2 Columns */

    .l-col-md-2,
    .l-grid-md-2 {
        width: -webkit-calc(99.99%/6 - 16px*5/6);
        width: calc(99.99%/6 - 16px*5/6);
        width: -webkit-calc(99.99%/6 - 1rem*5/6);
        width: calc(99.99%/6 - 1rem*5/6);
    }

    .l-col-md-2--2s,
    .l-grid-md-2--2s {
        width: -webkit-calc(99.99%/6 - 32px*5/6);
        width: calc(99.99%/6 - 32px*5/6);
        width: -webkit-calc(99.99%/6 - 2rem*5/6);
        width: calc(99.99%/6 - 2rem*5/6);
    }

    .l-col-md-2--ns,
    .l-grid-md-2--ns {
        width: 16.66666666%;
    }


    /* 3 Columns */

    .l-col-md-3,
    .l-grid-md-3 {
        width: -webkit-calc(99.99%*1/4 - 16px*3/4);
        width: calc(99.99%*1/4 - 16px*3/4);
        width: -webkit-calc(99.99%*1/4 - 1rem*3/4);
        width: calc(99.99%*1/4 - 1rem*3/4);
    }

    .l-col-md-3--2s,
    .l-grid-md-3--2s {
        width: -webkit-calc(99.99%*1/4 - 32px*3/4);
        width: calc(99.99%*1/4 - 32px*3/4);
        width: -webkit-calc(99.99%*1/4 - 2rem*3/4);
        width: calc(99.99%*1/4 - 2rem*3/4);
    }

    .l-col-md-3--ns,
    .l-grid-md-3--ns {
        width: 25%;
    }


    /* 4 Columns */

    .l-col-md-4,
    .l-grid-md-4 {
        width: -webkit-calc(99.99%*2/6 - 16px*4/6);
        width: calc(99.99%*2/6 - 16px*4/6);
        width: -webkit-calc(99.99%*2/6 - 1rem*4/6);
        width: calc(99.99%*2/6 - 1rem*4/6);
    }

    .l-col-md-4--2s,
    .l-grid-md-4--2s {
        width: -webkit-calc(99.99%*2/6 - 32px*4/6);
        width: calc(99.99%*2/6 - 32px*4/6);
        width: -webkit-calc(99.99%*2/6 - 2rem*4/6);
        width: calc(99.99%*2/6 - 2rem*4/6);
    }

    .l-col-md-4--ns,
    .l-grid-md-4--ns {
        width: 33.33333333%
    }


    /* 5 Columns */

    .l-col-md-5 {
        width: -webkit-calc(99.99%*5/12 - 16px*7/12);
        width: calc(99.99%*5/12 - 16px*7/12);
        width: -webkit-calc(99.99%*5/12 - 1rem*7/12);
        width: calc(99.99%*5/12 - 1rem*7/12);
    }

    .l-col-md-5--2s {
        width: -webkit-calc(99.99%*5/12 - 32px*7/12);
        width: calc(99.99%*5/12 - 32px*7/12);
        width: -webkit-calc(99.99%*5/12 - 2rem*7/12);
        width: calc(99.99%*5/12 - 2rem*7/12);
    }

    .l-col-md-5--ns {
        width: 41.66%;
    }


    /* 6 Columns */

    .l-col-md-6,
    .l-grid-md-6 {
        width: -webkit-calc(99.99%*1/2 - 16px*1/2);
        width: calc(99.99%*1/2 - 16px*1/2);
        width: -webkit-calc(99.99%*1/2 - 1rem*1/2);
        width: calc(99.99%*1/2 - 1rem*1/2);
    }

    .l-col-md-6--2s,
    .l-grid-md-6--2s {
        width: -webkit-calc(99.99%*1/2 - 32px*1/2);
        width: calc(99.99%*1/2 - 32px*1/2);
        width: -webkit-calc(99.99%*1/2 - 2rem*1/2);
        width: calc(99.99%*1/2 - 2rem*1/2);
    }

    .l-col-md-6--ns,
    .l-grid-md-6--ns {
        width: 50%;
    }


    /* 7 Columns */

    .l-col-md-7 {
        width: -webkit-calc(99.99%*7/12 - 16px*5/12);
        width: calc(99.99%*7/12 - 16px*5/12);
        width: -webkit-calc(99.99%*7/12 - 1rem*5/12);
        width: calc(99.99%*7/12 - 1rem*5/12);
    }

    .l-col-md-7--2s {
        width: -webkit-calc(99.99%*7/12 - 32px*5/12);
        width: calc(99.99%*7/12 - 32px*5/12);
        width: -webkit-calc(99.99%*7/12 - 2rem*5/12);
        width: calc(99.99%*7/12 - 2rem*5/12);
    }

    .l-col-md-7--ns {
        width: 58.33333333%;
    }


    /* 8 Columns */

    .l-col-md-8 {
        width: -webkit-calc(99.99%*2/3 - 16px*1/3);
        width: calc(99.99%*2/3 - 16px*1/3);
        width: -webkit-calc(99.99%*2/3 - 1rem*1/3);
        width: calc(99.99%*2/3 - 1rem*1/3);
    }

    .l-col-md-8--2s {
        width: -webkit-calc(99.99%*2/3 - 32px*1/3);
        width: calc(99.99%*2/3 - 32px*1/3);
        width: -webkit-calc(99.99%*2/3 - 2rem*1/3);
        width: calc(99.99%*2/3 - 2rem*1/3);
    }

    .l-col-md-8--ns {
        width: 66.66666666%;
    }


    /* 9 Columns */

    .l-col-md-9 {
        width: -webkit-calc(99.99%*3/4 - 16px*1/4);
        width: calc(99.99%*3/4 - 16px*1/4);
        width: -webkit-calc(99.99%*3/4 - 1rem*1/4);
        width: calc(99.99%*3/4 - 1rem*1/4);
    }

    .l-col-md-9--2s {
        width: -webkit-calc(99.99%*3/4 - 32px*1/4);
        width: calc(99.99%*3/4 - 32px*1/4);
        width: -webkit-calc(99.99%*3/4 - 2rem*1/4);
        width: calc(99.99%*3/4 - 2rem*1/4);
    }

    .l-col-md-9--ns {
        width: 75%;
    }


    /* 10 Columns */

    .l-col-md-10 {
        width: -webkit-calc(99.99%*5/6 - 16px*1/6);
        width: calc(99.99%*5/6 - 16px*1/6);
        width: -webkit-calc(99.99%*5/6 - 1rem*1/6);
        width: calc(99.99%*5/6 - 1rem*1/6);
    }

    .l-col-md-10--2s {
        width: -webkit-calc(99.99%*5/6 - 32px*1/6);
        width: calc(99.99%*5/6 - 32px*1/6);
        width: -webkit-calc(99.99%*5/6 - 2rem*1/6);
        width: calc(99.99%*5/6 - 2rem*1/6);
    }

    .l-col-md-10--ns {
        width: 83.33333333%;
    }


    /* 11 Columns */

    .l-col-md-11 {
        width: -webkit-calc(99.99%*11/12 - 16px*1/12);
        width: calc(99.99%*11/12 - 16px*1/12);
        width: -webkit-calc(99.99%*11/12 - 1rem*1/12);
        width: calc(99.99%*11/12 - 1rem*1/12);
    }

    .l-col-md-11--2s {
        width: -webkit-calc(99.99%*11/12 - 32px*1/12);
        width: calc(99.99%*11/12 - 32px*1/12);
        width: -webkit-calc(99.99%*11/12 - 2rem*1/12);
        width: calc(99.99%*11/12 - 2rem*1/12);
    }

    .l-col-md-11--ns {
        width: 91.66666666%;
    }


    /* 12 Columns */

    .l-col-md-12,
    .l-grid-md-12 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 12 Column Grid  ------*/




    /*==========  5 Column Grid  ==========*/


    /* 1 Column */

    .l-col-md-1-5 {
        width: -webkit-calc(99.99%*1/5 - 16px*4/5);
        width: calc(99.99%*1/5 - 16px*4/5);
        width: -webkit-calc(99.99%*1/5 - 1rem*4/5);
        width: calc(99.99%*1/5 - 1rem*4/5);
    }

    .l-col-md-1-5--2s {
        width: -webkit-calc(99.99%*1/5 - 32px*4/5);
        width: calc(99.99%*1/5 - 32px*4/5);
        width: -webkit-calc(99.99%*1/5 - 2rem*4/5);
        width: calc(99.99%*1/5 - 2rem*4/5);
    }

    .l-col-md-1-5--ns {
        width: 20%;
    }


    /* 2 Columns */

    .l-col-md-2-5 {
        width: -webkit-calc(99.99%*2/5 - 16px*3/5);
        width: calc(99.99%*2/5 - 16px*3/5);
        width: -webkit-calc(99.99%*2/5 - 1rem*3/5);
        width: calc(99.99%*2/5 - 1rem*3/5);
    }

    .l-col-md-2-5--2s {
        width: -webkit-calc(99.99%*2/5 - 32px*3/5);
        width: calc(99.99%*2/5 - 32px*3/5);
        width: -webkit-calc(99.99%*2/5 - 2rem*3/5);
        width: calc(99.99%*2/5 - 2rem*3/5);
    }

    .l-col-md-2-5--ns {
        width: 40%;
    }


    /* 3 Columns */

    .l-col-md-3-5 {
        width: -webkit-calc(99.99%*3/5 - 16px*2/5);
        width: calc(99.99%*3/5 - 16px*2/5);
        width: -webkit-calc(99.99%*3/5 - 1rem*2/5);
        width: calc(99.99%*3/5 - 1rem*2/5);
    }

    .l-col-md-3-5--2s {
        width: -webkit-calc(99.99%*3/5 - 32px*2/5);
        width: calc(99.99%*3/5 - 32px*2/5);
        width: -webkit-calc(99.99%*3/5 - 2rem*2/5);
        width: calc(99.99%*3/5 - 2rem*2/5);
    }

    .l-col-md-3-5--ns {
        width: 60%;
    }


    /* 4 Columns */

    .l-col-md-4-5 {
        width: -webkit-calc(99.99%*4/5 - 16px*1/5);
        width: calc(99.99%*4/5 - 16px*1/5);
        width: -webkit-calc(99.99%*4/5 - 1rem*1/5);
        width: calc(99.99%*4/5 - 1rem*1/5);
    }

    .l-col-md-4-5--2s {
        width: -webkit-calc(99.99%*4/5 - 32px*1/5);
        width: calc(99.99%*4/5 - 32px*1/5);
        width: -webkit-calc(99.99%*4/5 - 2rem*1/5);
        width: calc(99.99%*4/5 - 2rem*1/5);
    }

    .l-col-md-4-5--ns {
        width: 80%;
    }


    /* 5 Columns */

    .l-col-md-5-5 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 5 Column Grid  ------*/




    /*==========  Grid  ==========*/

    [class*=l-grid-md-] {
        display: block; /* not redundant, float can be removed at higher grid sizes */
        float: left;
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    .l-grid-md-2--2s,
    .l-grid-md-3--2s,
    .l-grid-md-4--2s,
    .l-grid-md-6--2s,
    .l-grid-md-12--2s {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-grid-md-2--ns,
    .l-grid-md-3--ns,
    .l-grid-md-4--ns,
    .l-grid-md-6--ns,
    .l-grid-md-12--ns {
        margin-bottom: 0;
        margin-left: 0;
    }

    /* overrides clear and margin-left set on first grid items in row on "xl" devices */
    [class*=l-grid-md-]:nth-child(1n) {
        clear: none;
        margin-left: 16px;
        margin-left: 1rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-md-2--2s:nth-child(1n),
    .l-grid-md-3--2s:nth-child(1n),
    .l-grid-md-4--2s:nth-child(1n),
    .l-grid-md-6--2s:nth-child(1n),
    .l-grid-md-12--2s:nth-child(1n) {
        margin-left: 32px;
        margin-left: 2rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-md-2--ns:nth-child(1n),
    .l-grid-md-3--ns:nth-child(1n),
    .l-grid-md-4--ns:nth-child(1n),
    .l-grid-md-6--ns:nth-child(1n),
    .l-grid-md-12--ns:nth-child(1n) {
        margin-left: 0;
    }

    /* overrides margin-bottom set on larger devices */
    [class*=l-grid-md-]:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-] {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-md-2--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-3--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-4--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-6--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-12--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-] {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-md-2--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-3--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-4--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-6--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-],
    .l-grid-md-12--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-md-] {
        margin-bottom: 0px;
    }

    /* removes margin-left from first grid item in each row */
    [class*=l-grid-md-2]:nth-child(6n+1),
    [class*=l-grid-md-3]:nth-child(4n+1),
    [class*=l-grid-md-4]:nth-child(3n+1),
    [class*=l-grid-md-6]:nth-child(2n+1),
    [class*=l-grid-md-12]:nth-child(1n+1) {
        clear: both;
        margin-left: 0;
    }

    .l-right > [class*=l-grid-md-2]:nth-child(6n+1),
    .l-right > [class*=l-grid-md-3]:nth-child(4n+1),
    .l-right > [class*=l-grid-md-4]:nth-child(3n+1),
    .l-right > [class*=l-grid-md-6]:nth-child(2n+1),
    .l-right > [class*=l-grid-md-12]:nth-child(1n+1) {
        margin-right: 0;
    }

    /* removes margin-bottom from each grid item in the last row */
    [class*=l-grid-md-2]:nth-child(6n):nth-last-child(-n+7) ~ [class*=l-grid-md-],
    [class*=l-grid-md-3]:nth-child(4n):nth-last-child(-n+5) ~ [class*=l-grid-md-],
    [class*=l-grid-md-4]:nth-child(3n):nth-last-child(-n+4) ~ [class*=l-grid-md-],
    [class*=l-grid-md-6]:nth-child(2n):nth-last-child(-n+3) ~ [class*=l-grid-md-],
    [class*=l-grid-md-12]:nth-child(1n):nth-last-child(-n+2) ~ [class*=l-grid-md-] {
        margin-bottom: 0;
    }

    /*-----  End of Grid  ------*/


}


/*-----  End of CSStadium (Medium Devices)  ------*/




/*=================================================
=            CSStadium (Small Devices)            =
=================================================*/

@media only screen and (max-width: 47.9375em) {




    /*==========  Shared  ==========*/

    .one-fourth,
    .one-quarter,
    .one-third,
    .one-half,
    .half,
    .two-thirds,
    .three-fourths,
    .three-quarters,
    .one-fifth,
    .two-fifths,
    .three-fifths,
    .four-fifths,
    .one-fourth--ns,
    .one-quarter--ns,
    .one-third--ns,
    .one-half--ns,
    .half--ns,
    .two-thirds--ns,
    .three-fourths--ns,
    .three-quarters--ns,
    .one-fifth--ns,
    .two-fifths--ns,
    .three-fifths--ns,
    .four-fifths--ns,
    .one-fourth--2s,
    .one-quarter--2s,
    .one-third--2s,
    .one-half--2s,
    .half--2s,
    .two-thirds--2s,
    .three-fourths--2s,
    .three-quarters--2s,
    .one-fifth--2s,
    .two-fifths--2s,
    .three-fifths--2s,
    .four-fifths--2s {
        width: 100%;
    }

    .one-fourth,
    .one-quarter,
    .one-third,
    .one-half,
    .half,
    .two-thirds,
    .three-fourths,
    .three-quarters,
    .one-fifth,
    .two-fifths,
    .three-fifths,
    .four-fifths {
        margin-bottom: 16px;
        margin-bottom: 1rem;
        margin-left: 0;
    }

    .one-fourth--2s,
    .one-quarter--2s,
    .one-third--2s,
    .one-half--2s,
    .half--2s,
    .two-thirds--2s,
    .three-fourths--2s,
    .three-quarters--2s,
    .one-fifth--2s,
    .two-fifths--2s,
    .three-fifths--2s,
    .four-fifths--2s {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-left: 0;
    }

        .one-fourth:last-child,
        .one-quarter:last-child,
        .one-third:last-child,
        .one-half:last-child,
        .half:last-child,
        .two-thirds:last-child,
        .three-fourths:last-child,
        .three-quarters:last-child,
        .one-fifth:last-child,
        .two-fifths:last-child,
        .three-fifths:last-child,
        .four-fifths:last-child,
        .one-fourth--2s:last-child,
        .one-quarter--2s:last-child,
        .one-third--2s:last-child,
        .one-half--2s:last-child,
        .half--2s:last-child,
        .two-thirds--2s:last-child,
        .three-fourths--2s:last-child,
        .three-quarters--2s:last-child,
        .one-fifth--2s:last-child,
        .two-fifths--2s:last-child,
        .three-fifths--2s:last-child,
        .four-fifths--2s:last-child {
            margin-bottom: 0;
        }

    [class*=l-col-sm-] {
        float: left;
        margin-left: 16px;
        margin-left: 1rem;
    }

    .l-col-sm-1--2s,
    .l-col-sm-2--2s,
    .l-col-sm-3--2s,
    .l-col-sm-4--2s,
    .l-col-sm-5--2s,
    .l-col-sm-6--2s,
    .l-col-sm-7--2s,
    .l-col-sm-8--2s,
    .l-col-sm-9--2s,
    .l-col-sm-10--2s,
    .l-col-sm-11--2s,
    .l-col-sm-12--2s {
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-col-sm-1--ns,
    .l-col-sm-2--ns,
    .l-col-sm-3--ns,
    .l-col-sm-4--ns,
    .l-col-sm-5--ns,
    .l-col-sm-6--ns,
    .l-col-sm-7--ns,
    .l-col-sm-8--ns,
    .l-col-sm-9--ns,
    .l-col-sm-10--ns,
    .l-col-sm-11--ns {
        margin-left: 0;
    }

    /*-----  End of Shared  ------*/




    /*==========  12 Column Grid  ==========*/


    /* 1 Column */

    .l-col-sm-1 {
        width: -webkit-calc(99.99%*1/12 - 16px*11/12);
        width: calc(99.99%*1/12 - 16px*11/12);
        width: -webkit-calc(99.99%*1/12 - 1rem*11/12);
        width: calc(99.99%*1/12 - 1rem*11/12);
    }

    .l-col-sm-1--2s {
        width: -webkit-calc(99.99%*1/12 - 32px*11/12);
        width: calc(99.99%*1/12 - 32px*11/12);
        width: -webkit-calc(99.99%*1/12 - 2rem*11/12);
        width: calc(99.99%*1/12 - 2rem*11/12);
    }

    .l-col-sm-1--ns {
        width: 8.33333333%;
    }


    /* 2 Columns */

    .l-col-sm-2,
    .l-grid-sm-2 {
        width: -webkit-calc(99.99%/6 - 16px*5/6);
        width: calc(99.99%/6 - 16px*5/6);
        width: -webkit-calc(99.99%/6 - 1rem*5/6);
        width: calc(99.99%/6 - 1rem*5/6);
    }

    .l-col-sm-2--2s,
    .l-grid-sm-2--2s {
        width: -webkit-calc(99.99%/6 - 32px*5/6);
        width: calc(99.99%/6 - 32px*5/6);
        width: -webkit-calc(99.99%/6 - 2rem*5/6);
        width: calc(99.99%/6 - 2rem*5/6);
    }

    .l-col-sm-2--ns,
    .l-grid-sm-2--ns {
        width: 16.66666666%;
    }


    /* 3 Columns */

    .l-col-sm-3,
    .l-grid-sm-3 {
        width: -webkit-calc(99.99%*1/4 - 16px*3/4);
        width: calc(99.99%*1/4 - 16px*3/4);
        width: -webkit-calc(99.99%*1/4 - 1rem*3/4);
        width: calc(99.99%*1/4 - 1rem*3/4);
    }

    .l-col-sm-3--2s,
    .l-grid-sm-3--2s {
        width: -webkit-calc(99.99%*1/4 - 32px*3/4);
        width: calc(99.99%*1/4 - 32px*3/4);
        width: -webkit-calc(99.99%*1/4 - 2rem*3/4);
        width: calc(99.99%*1/4 - 2rem*3/4);
    }

    .l-col-sm-3--ns,
    .l-grid-sm-3--ns {
        width: 25%;
    }


    /* 4 Columns */

    .l-col-sm-4,
    .l-grid-sm-4 {
        width: -webkit-calc(99.99%*2/6 - 16px*4/6);
        width: calc(99.99%*2/6 - 16px*4/6);
        width: -webkit-calc(99.99%*2/6 - 1rem*4/6);
        width: calc(99.99%*2/6 - 1rem*4/6);
    }

    .l-col-sm-4--2s,
    .l-grid-sm-4--2s {
        width: -webkit-calc(99.99%*2/6 - 32px*4/6);
        width: calc(99.99%*2/6 - 32px*4/6);
        width: -webkit-calc(99.99%*2/6 - 2rem*4/6);
        width: calc(99.99%*2/6 - 2rem*4/6);
    }

    .l-col-sm-4--ns,
    .l-grid-sm-4--ns {
        width: 33.33333333%
    }


    /* 5 Columns */

    .l-col-sm-5 {
        width: -webkit-calc(99.99%*5/12 - 16px*7/12);
        width: calc(99.99%*5/12 - 16px*7/12);
        width: -webkit-calc(99.99%*5/12 - 1rem*7/12);
        width: calc(99.99%*5/12 - 1rem*7/12);
    }

    .l-col-sm-5--2s {
        width: -webkit-calc(99.99%*5/12 - 32px*7/12);
        width: calc(99.99%*5/12 - 32px*7/12);
        width: -webkit-calc(99.99%*5/12 - 2rem*7/12);
        width: calc(99.99%*5/12 - 2rem*7/12);
    }

    .l-col-sm-5--ns {
        width: 41.66%;
    }


    /* 6 Columns */

    .l-col-sm-6,
    .l-grid-sm-6 {
        width: -webkit-calc(99.99%*1/2 - 16px*1/2);
        width: calc(99.99%*1/2 - 16px*1/2);
        width: -webkit-calc(99.99%*1/2 - 1rem*1/2);
        width: calc(99.99%*1/2 - 1rem*1/2);
    }

    .l-col-sm-6--2s,
    .l-grid-sm-6--2s {
        width: -webkit-calc(99.99%*1/2 - 32px*1/2);
        width: calc(99.99%*1/2 - 32px*1/2);
        width: -webkit-calc(99.99%*1/2 - 2rem*1/2);
        width: calc(99.99%*1/2 - 2rem*1/2);
    }

    .l-col-sm-6--ns,
    .l-grid-sm-6--ns {
        width: 50%;
    }


    /* 7 Columns */

    .l-col-sm-7 {
        width: -webkit-calc(99.99%*7/12 - 16px*5/12);
        width: calc(99.99%*7/12 - 16px*5/12);
        width: -webkit-calc(99.99%*7/12 - 1rem*5/12);
        width: calc(99.99%*7/12 - 1rem*5/12);
    }

    .l-col-sm-7--2s {
        width: -webkit-calc(99.99%*7/12 - 32px*5/12);
        width: calc(99.99%*7/12 - 32px*5/12);
        width: -webkit-calc(99.99%*7/12 - 2rem*5/12);
        width: calc(99.99%*7/12 - 2rem*5/12);
    }

    .l-col-sm-7--ns {
        width: 58.33333333%;
    }


    /* 8 Columns */

    .l-col-sm-8 {
        width: -webkit-calc(99.99%*2/3 - 16px*1/3);
        width: calc(99.99%*2/3 - 16px*1/3);
        width: -webkit-calc(99.99%*2/3 - 1rem*1/3);
        width: calc(99.99%*2/3 - 1rem*1/3);
    }

    .l-col-sm-8--2s {
        width: -webkit-calc(99.99%*2/3 - 32px*1/3);
        width: calc(99.99%*2/3 - 32px*1/3);
        width: -webkit-calc(99.99%*2/3 - 2rem*1/3);
        width: calc(99.99%*2/3 - 2rem*1/3);
    }

    .l-col-sm-8--ns {
        width: 66.66666666%;
    }


    /* 9 Columns */

    .l-col-sm-9 {
        width: -webkit-calc(99.99%*3/4 - 16px*1/4);
        width: calc(99.99%*3/4 - 16px*1/4);
        width: -webkit-calc(99.99%*3/4 - 1rem*1/4);
        width: calc(99.99%*3/4 - 1rem*1/4);
    }

    .l-col-sm-9--2s {
        width: -webkit-calc(99.99%*3/4 - 32px*1/4);
        width: calc(99.99%*3/4 - 32px*1/4);
        width: -webkit-calc(99.99%*3/4 - 2rem*1/4);
        width: calc(99.99%*3/4 - 2rem*1/4);
    }

    .l-col-sm-9--ns {
        width: 75%;
    }


    /* 10 Columns */

    .l-col-sm-10 {
        width: -webkit-calc(99.99%*5/6 - 16px*1/6);
        width: calc(99.99%*5/6 - 16px*1/6);
        width: -webkit-calc(99.99%*5/6 - 1rem*1/6);
        width: calc(99.99%*5/6 - 1rem*1/6);
    }

    .l-col-sm-10--2s {
        width: -webkit-calc(99.99%*5/6 - 32px*1/6);
        width: calc(99.99%*5/6 - 32px*1/6);
        width: -webkit-calc(99.99%*5/6 - 2rem*1/6);
        width: calc(99.99%*5/6 - 2rem*1/6);
    }

    .l-col-sm-10--ns {
        width: 83.33333333%;
    }


    /* 11 Columns */

    .l-col-sm-11 {
        width: -webkit-calc(99.99%*11/12 - 16px*1/12);
        width: calc(99.99%*11/12 - 16px*1/12);
        width: -webkit-calc(99.99%*11/12 - 1rem*1/12);
        width: calc(99.99%*11/12 - 1rem*1/12);
    }

    .l-col-sm-11--2s {
        width: -webkit-calc(99.99%*11/12 - 32px*1/12);
        width: calc(99.99%*11/12 - 32px*1/12);
        width: -webkit-calc(99.99%*11/12 - 2rem*1/12);
        width: calc(99.99%*11/12 - 2rem*1/12);
    }

    .l-col-sm-11--ns {
        width: 91.66666666%;
    }


    /* 12 Columns */

    .l-col-sm-12,
    .l-grid-sm-12,
    .l-grid-sm-12--2s,
    .l-col-sm-12[class*="l-col-xl-offset-"],
    .l-right > .l-col-sm-12,
    .l-right > .l-grid-sm-12,
    .l-right > .l-grid-sm-12--2s,
    .l-right > .l-col-sm-12[class*="l-col-xl-offset-"] {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 12 Column Grid  ------*/




    /*==========  5 Column Grid  ==========*/


    /* 1 Column */

    .l-col-sm-1-5 {
        width: -webkit-calc(99.99%*1/5 - 16px*4/5);
        width: calc(99.99%*1/5 - 16px*4/5);
        width: -webkit-calc(99.99%*1/5 - 1rem*4/5);
        width: calc(99.99%*1/5 - 1rem*4/5);
    }

    .l-col-sm-1-5--2s {
        width: -webkit-calc(99.99%*1/5 - 32px*4/5);
        width: calc(99.99%*1/5 - 32px*4/5);
        width: -webkit-calc(99.99%*1/5 - 2rem*4/5);
        width: calc(99.99%*1/5 - 2rem*4/5);
    }

    .l-col-sm-1-5--ns {
        width: 20%;
    }


    /* 2 Columns */

    .l-col-sm-2-5 {
        width: -webkit-calc(99.99%*2/5 - 16px*3/5);
        width: calc(99.99%*2/5 - 16px*3/5);
        width: -webkit-calc(99.99%*2/5 - 1rem*3/5);
        width: calc(99.99%*2/5 - 1rem*3/5);
    }

    .l-col-sm-2-5--2s {
        width: -webkit-calc(99.99%*2/5 - 32px*3/5);
        width: calc(99.99%*2/5 - 32px*3/5);
        width: -webkit-calc(99.99%*2/5 - 2rem*3/5);
        width: calc(99.99%*2/5 - 2rem*3/5);
    }

    .l-col-sm-2-5--ns {
        width: 40%;
    }


    /* 3 Columns */

    .l-col-sm-3-5 {
        width: -webkit-calc(99.99%*3/5 - 16px*2/5);
        width: calc(99.99%*3/5 - 16px*2/5);
        width: -webkit-calc(99.99%*3/5 - 1rem*2/5);
        width: calc(99.99%*3/5 - 1rem*2/5);
    }

    .l-col-sm-3-5--2s {
        width: -webkit-calc(99.99%*3/5 - 32px*2/5);
        width: calc(99.99%*3/5 - 32px*2/5);
        width: -webkit-calc(99.99%*3/5 - 2rem*2/5);
        width: calc(99.99%*3/5 - 2rem*2/5);
    }

    .l-col-sm-3-5--ns {
        width: 60%;
    }


    /* 4 Columns */

    .l-col-sm-4-5 {
        width: -webkit-calc(99.99%*4/5 - 16px*1/5);
        width: calc(99.99%*4/5 - 16px*1/5);
        width: -webkit-calc(99.99%*4/5 - 1rem*1/5);
        width: calc(99.99%*4/5 - 1rem*1/5);
    }

    .l-col-sm-4-5--2s {
        width: -webkit-calc(99.99%*4/5 - 32px*1/5);
        width: calc(99.99%*4/5 - 32px*1/5);
        width: -webkit-calc(99.99%*4/5 - 2rem*1/5);
        width: calc(99.99%*4/5 - 2rem*1/5);
    }

    .l-col-sm-4-5--ns {
        width: 80%;
    }


    /* 5 Columns */

    .l-col-sm-5-5 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 5 Column Grid  ------*/




    /*==========  Grid  ==========*/

    [class*=l-grid-sm-] {
        display: block; /* not redundant, float can be removed at higher grid sizes */
        float: left;
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    .l-grid-sm-2--2s,
    .l-grid-sm-3--2s,
    .l-grid-sm-4--2s,
    .l-grid-sm-6--2s,
    .l-grid-sm-12--2s {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-grid-sm-2--ns,
    .l-grid-sm-3--ns,
    .l-grid-sm-4--ns,
    .l-grid-sm-6--ns,
    .l-grid-sm-12--ns {
        margin-bottom: 0;
        margin-left: 0;
    }

    /* overrides clear and margin-left set on first grid items in row on "xl" devices */
    [class*=l-grid-sm-]:nth-child(1n) {
        clear: none;
        margin-left: 16px;
        margin-left: 1rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-sm-2--2s:nth-child(1n),
    .l-grid-sm-3--2s:nth-child(1n),
    .l-grid-sm-4--2s:nth-child(1n),
    .l-grid-sm-6--2s:nth-child(1n),
    .l-grid-sm-12--2s:nth-child(1n) {
        margin-left: 32px;
        margin-left: 2rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-sm-2--ns:nth-child(1n),
    .l-grid-sm-3--ns:nth-child(1n),
    .l-grid-sm-4--ns:nth-child(1n),
    .l-grid-sm-6--ns:nth-child(1n),
    .l-grid-sm-12--ns:nth-child(1n) {
        margin-left: 0;
    }

    /* overrides margin-bottom set on larger devices */
    [class*=l-grid-sm-]:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-] {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-sm-2--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-3--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-4--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-6--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-12--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-] {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-sm-2--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-3--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-4--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-6--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-],
    .l-grid-sm-12--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-sm-] {
        margin-bottom: 0px;
    }

    /* removes margin-left from first grid item in each row */
    [class*=l-grid-sm-2]:nth-child(6n+1),
    [class*=l-grid-sm-3]:nth-child(4n+1),
    [class*=l-grid-sm-4]:nth-child(3n+1),
    [class*=l-grid-sm-6]:nth-child(2n+1),
    [class*=l-grid-sm-12]:nth-child(1n+1) {
        clear: both;
        margin-left: 0;
    }

    /* removes margin-bottom from each grid item in the last row */
    [class*=l-grid-sm-2]:nth-child(6n):nth-last-child(-n+7) ~ [class*=l-grid-sm-],
    [class*=l-grid-sm-3]:nth-child(4n):nth-last-child(-n+5) ~ [class*=l-grid-sm-],
    [class*=l-grid-sm-4]:nth-child(3n):nth-last-child(-n+4) ~ [class*=l-grid-sm-],
    [class*=l-grid-sm-6]:nth-child(2n):nth-last-child(-n+3) ~ [class*=l-grid-sm-],
    [class*=l-grid-sm-12]:nth-child(1n):nth-last-child(-n+2) ~ [class*=l-grid-sm-] {
        margin-bottom: 0;
    }

    /*-----  End of Grid  ------*/


}


/*-----  End of CSStadium (Small Devices)  ------*/




/*=======================================================
=            CSStadium (Extra Small Devices)            =
=======================================================*/

@media only screen and (max-width: 30em) {




    /*==========  Shared  ==========*/

    [class*=l-col-xs-] {
        float: left;
        margin-left: 16px;
        margin-left: 1rem;
    }

    .l-col-xs-1--2s,
    .l-col-xs-2--2s,
    .l-col-xs-3--2s,
    .l-col-xs-4--2s,
    .l-col-xs-5--2s,
    .l-col-xs-6--2s,
    .l-col-xs-7--2s,
    .l-col-xs-8--2s,
    .l-col-xs-9--2s,
    .l-col-xs-10--2s,
    .l-col-xs-11--2s,
    .l-col-xs-12--2s {
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-col-xs-1--ns,
    .l-col-xs-2--ns,
    .l-col-xs-3--ns,
    .l-col-xs-4--ns,
    .l-col-xs-5--ns,
    .l-col-xs-6--ns,
    .l-col-xs-7--ns,
    .l-col-xs-8--ns,
    .l-col-xs-9--ns,
    .l-col-xs-10--ns,
    .l-col-xs-11--ns {
        margin-left: 0;
    }

    /*-----  End of Shared  ------*/




    /*==========  12 Column Grid  ==========*/


    /* 1 Column */

    .l-col-xs-1 {
        width: -webkit-calc(99.99%*1/12 - 16px*11/12);
        width: calc(99.99%*1/12 - 16px*11/12);
        width: -webkit-calc(99.99%*1/12 - 1rem*11/12);
        width: calc(99.99%*1/12 - 1rem*11/12);
    }

    .l-col-xs-1--2s {
        width: -webkit-calc(99.99%*1/12 - 32px*11/12);
        width: calc(99.99%*1/12 - 32px*11/12);
        width: -webkit-calc(99.99%*1/12 - 2rem*11/12);
        width: calc(99.99%*1/12 - 2rem*11/12);
    }

    .l-col-xs-1--ns {
        width: 8.33333333%;
    }


    /* 2 Columns */

    .l-col-xs-2,
    .l-grid-xs-2 {
        width: -webkit-calc(99.99%/6 - 16px*5/6);
        width: calc(99.99%/6 - 16px*5/6);
        width: -webkit-calc(99.99%/6 - 1rem*5/6);
        width: calc(99.99%/6 - 1rem*5/6);
    }

    .l-col-xs-2--2s,
    .l-grid-xs-2--2s {
        width: -webkit-calc(99.99%/6 - 32px*5/6);
        width: calc(99.99%/6 - 32px*5/6);
        width: -webkit-calc(99.99%/6 - 2rem*5/6);
        width: calc(99.99%/6 - 2rem*5/6);
    }

    .l-col-xs-2--ns,
    .l-grid-xs-2--ns {
        width: 16.66666666%;
    }


    /* 3 Columns */

    .l-col-xs-3,
    .l-grid-xs-3 {
        width: -webkit-calc(99.99%*1/4 - 16px*3/4);
        width: calc(99.99%*1/4 - 16px*3/4);
        width: -webkit-calc(99.99%*1/4 - 1rem*3/4);
        width: calc(99.99%*1/4 - 1rem*3/4);
    }

    .l-col-xs-3--2s,
    .l-grid-xs-3--2s {
        width: -webkit-calc(99.99%*1/4 - 32px*3/4);
        width: calc(99.99%*1/4 - 32px*3/4);
        width: -webkit-calc(99.99%*1/4 - 2rem*3/4);
        width: calc(99.99%*1/4 - 2rem*3/4);
    }

    .l-col-xs-3--ns,
    .l-grid-xs-3--ns {
        width: 25%;
    }


    /* 4 Columns */

    .l-col-xs-4,
    .l-grid-xs-4 {
        width: -webkit-calc(99.99%*2/6 - 16px*4/6);
        width: calc(99.99%*2/6 - 16px*4/6);
        width: -webkit-calc(99.99%*2/6 - 1rem*4/6);
        width: calc(99.99%*2/6 - 1rem*4/6);
    }

    .l-col-xs-4--2s,
    .l-grid-xs-4--2s {
        width: -webkit-calc(99.99%*2/6 - 32px*4/6);
        width: calc(99.99%*2/6 - 32px*4/6);
        width: -webkit-calc(99.99%*2/6 - 2rem*4/6);
        width: calc(99.99%*2/6 - 2rem*4/6);
    }

    .l-col-xs-4--ns,
    .l-grid-xs-4--ns {
        width: 33.33333333%
    }


    /* 5 Columns */

    .l-col-xs-5 {
        width: -webkit-calc(99.99%*5/12 - 16px*7/12);
        width: calc(99.99%*5/12 - 16px*7/12);
        width: -webkit-calc(99.99%*5/12 - 1rem*7/12);
        width: calc(99.99%*5/12 - 1rem*7/12);
    }

    .l-col-xs-5--2s {
        width: -webkit-calc(99.99%*5/12 - 32px*7/12);
        width: calc(99.99%*5/12 - 32px*7/12);
        width: -webkit-calc(99.99%*5/12 - 2rem*7/12);
        width: calc(99.99%*5/12 - 2rem*7/12);
    }

    .l-col-xs-5--ns {
        width: 41.66%;
    }


    /* 6 Columns */

    .l-col-xs-6,
    .l-grid-xs-6 {
        width: -webkit-calc(99.99%*1/2 - 16px*1/2);
        width: calc(99.99%*1/2 - 16px*1/2);
        width: -webkit-calc(99.99%*1/2 - 1rem*1/2);
        width: calc(99.99%*1/2 - 1rem*1/2);
    }

    .l-col-xs-6--2s,
    .l-grid-xs-6--2s {
        width: -webkit-calc(99.99%*1/2 - 32px*1/2);
        width: calc(99.99%*1/2 - 32px*1/2);
        width: -webkit-calc(99.99%*1/2 - 2rem*1/2);
        width: calc(99.99%*1/2 - 2rem*1/2);
    }

    .l-col-xs-6--ns,
    .l-grid-xs-6--ns {
        width: 50%;
    }


    /* 7 Columns */

    .l-col-xs-7 {
        width: -webkit-calc(99.99%*7/12 - 16px*5/12);
        width: calc(99.99%*7/12 - 16px*5/12);
        width: -webkit-calc(99.99%*7/12 - 1rem*5/12);
        width: calc(99.99%*7/12 - 1rem*5/12);
    }

    .l-col-xs-7--2s {
        width: -webkit-calc(99.99%*7/12 - 32px*5/12);
        width: calc(99.99%*7/12 - 32px*5/12);
        width: -webkit-calc(99.99%*7/12 - 2rem*5/12);
        width: calc(99.99%*7/12 - 2rem*5/12);
    }

    .l-col-xs-7--ns {
        width: 58.33333333%;
    }


    /* 8 Columns */

    .l-col-xs-8 {
        width: -webkit-calc(99.99%*2/3 - 16px*1/3);
        width: calc(99.99%*2/3 - 16px*1/3);
        width: -webkit-calc(99.99%*2/3 - 1rem*1/3);
        width: calc(99.99%*2/3 - 1rem*1/3);
    }

    .l-col-xs-8--2s {
        width: -webkit-calc(99.99%*2/3 - 32px*1/3);
        width: calc(99.99%*2/3 - 32px*1/3);
        width: -webkit-calc(99.99%*2/3 - 2rem*1/3);
        width: calc(99.99%*2/3 - 2rem*1/3);
    }

    .l-col-xs-8--ns {
        width: 66.66666666%;
    }


    /* 9 Columns */

    .l-col-xs-9 {
        width: -webkit-calc(99.99%*3/4 - 16px*1/4);
        width: calc(99.99%*3/4 - 16px*1/4);
        width: -webkit-calc(99.99%*3/4 - 1rem*1/4);
        width: calc(99.99%*3/4 - 1rem*1/4);
    }

    .l-col-xs-9--2s {
        width: -webkit-calc(99.99%*3/4 - 32px*1/4);
        width: calc(99.99%*3/4 - 32px*1/4);
        width: -webkit-calc(99.99%*3/4 - 2rem*1/4);
        width: calc(99.99%*3/4 - 2rem*1/4);
    }

    .l-col-xs-9--ns {
        width: 75%;
    }


    /* 10 Columns */

    .l-col-xs-10 {
        width: -webkit-calc(99.99%*5/6 - 16px*1/6);
        width: calc(99.99%*5/6 - 16px*1/6);
        width: -webkit-calc(99.99%*5/6 - 1rem*1/6);
        width: calc(99.99%*5/6 - 1rem*1/6);
    }

    .l-col-xs-10--2s {
        width: -webkit-calc(99.99%*5/6 - 32px*1/6);
        width: calc(99.99%*5/6 - 32px*1/6);
        width: -webkit-calc(99.99%*5/6 - 2rem*1/6);
        width: calc(99.99%*5/6 - 2rem*1/6);
    }

    .l-col-xs-10--ns {
        width: 83.33333333%;
    }


    /* 11 Columns */

    .l-col-xs-11 {
        width: -webkit-calc(99.99%*11/12 - 16px*1/12);
        width: calc(99.99%*11/12 - 16px*1/12);
        width: -webkit-calc(99.99%*11/12 - 1rem*1/12);
        width: calc(99.99%*11/12 - 1rem*1/12);
    }

    .l-col-xs-11--2s {
        width: -webkit-calc(99.99%*11/12 - 32px*1/12);
        width: calc(99.99%*11/12 - 32px*1/12);
        width: -webkit-calc(99.99%*11/12 - 2rem*1/12);
        width: calc(99.99%*11/12 - 2rem*1/12);
    }

    .l-col-xs-11--ns {
        width: 91.66666666%;
    }


    /* 12 Columns */

    .l-col-xs-12,
    .l-grid-xs-12,
    .l-col-xs-12--2s,
    .l-grid-xs-12--2s,
    .l-col-xs-12--ns,
    .l-grid-xs-12--ns {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 12 Column Grid  ------*/




    /*==========  5 Column Grid  ==========*/


    /* 1 Column */

    .l-col-xs-1-5 {
        width: -webkit-calc(99.99%*1/5 - 16px*4/5);
        width: calc(99.99%*1/5 - 16px*4/5);
        width: -webkit-calc(99.99%*1/5 - 1rem*4/5);
        width: calc(99.99%*1/5 - 1rem*4/5);
    }

    .l-col-xs-1-5--2s {
        width: -webkit-calc(99.99%*1/5 - 32px*4/5);
        width: calc(99.99%*1/5 - 32px*4/5);
        width: -webkit-calc(99.99%*1/5 - 2rem*4/5);
        width: calc(99.99%*1/5 - 2rem*4/5);
    }

    .l-col-xs-1-5--ns {
        width: 20%;
    }


    /* 2 Columns */

    .l-col-xs-2-5 {
        width: -webkit-calc(99.99%*2/5 - 16px*3/5);
        width: calc(99.99%*2/5 - 16px*3/5);
        width: -webkit-calc(99.99%*2/5 - 1rem*3/5);
        width: calc(99.99%*2/5 - 1rem*3/5);
    }

    .l-col-xs-2-5--2s {
        width: -webkit-calc(99.99%*2/5 - 32px*3/5);
        width: calc(99.99%*2/5 - 32px*3/5);
        width: -webkit-calc(99.99%*2/5 - 2rem*3/5);
        width: calc(99.99%*2/5 - 2rem*3/5);
    }

    .l-col-xs-2-5--ns {
        width: 40%;
    }


    /* 3 Columns */

    .l-col-xs-3-5 {
        width: -webkit-calc(99.99%*3/5 - 16px*2/5);
        width: calc(99.99%*3/5 - 16px*2/5);
        width: -webkit-calc(99.99%*3/5 - 1rem*2/5);
        width: calc(99.99%*3/5 - 1rem*2/5);
    }

    .l-col-xs-3-5--2s {
        width: -webkit-calc(99.99%*3/5 - 32px*2/5);
        width: calc(99.99%*3/5 - 32px*2/5);
        width: -webkit-calc(99.99%*3/5 - 2rem*2/5);
        width: calc(99.99%*3/5 - 2rem*2/5);
    }

    .l-col-xs-3-5--ns {
        width: 60%;
    }


    /* 4 Columns */

    .l-col-xs-4-5 {
        width: -webkit-calc(99.99%*4/5 - 16px*1/5);
        width: calc(99.99%*4/5 - 16px*1/5);
        width: -webkit-calc(99.99%*4/5 - 1rem*1/5);
        width: calc(99.99%*4/5 - 1rem*1/5);
    }

    .l-col-xs-4-5--2s {
        width: -webkit-calc(99.99%*4/5 - 32px*1/5);
        width: calc(99.99%*4/5 - 32px*1/5);
        width: -webkit-calc(99.99%*4/5 - 2rem*1/5);
        width: calc(99.99%*4/5 - 2rem*1/5);
    }

    .l-col-xs-4-5--ns {
        width: 80%;
    }


    /* 5 Columns */

    .l-col-xs-5-5 {
        float: none;
        margin-left: 0;
        width: 100%;
    }


    /*-----  End of 5 Column Grid  ------*/




    /*==========  Grid  ==========*/

    [class*=l-grid-xs-] {
        display: block; /* not redundant, float can be removed at higher grid sizes */
        float: left;
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    .l-grid-xs-2--2s,
    .l-grid-xs-3--2s,
    .l-grid-xs-4--2s,
    .l-grid-xs-6--2s,
    .l-grid-xs-12--2s {
        margin-bottom: 32px;
        margin-bottom: 2rem;
        margin-left: 32px;
        margin-left: 2rem;
    }

    .l-grid-xs-2--ns,
    .l-grid-xs-3--ns,
    .l-grid-xs-4--ns,
    .l-grid-xs-6--ns,
    .l-grid-xs-12--ns {
        margin-bottom: 0;
        margin-left: 0;
    }

    /* overrides clear and margin-left set on first grid items in row on "xl" devices */
    [class*=l-grid-xs-]:nth-child(1n) {
        clear: none;
        margin-left: 16px;
        margin-left: 1rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-xs-2--2s:nth-child(1n),
    .l-grid-xs-3--2s:nth-child(1n),
    .l-grid-xs-4--2s:nth-child(1n),
    .l-grid-xs-6--2s:nth-child(1n),
    .l-grid-xs-12--2s:nth-child(1n) {
        margin-left: 32px;
        margin-left: 2rem;
    }

    /* overrides margin-left set on first grid items in row on "xl" devices */
    .l-grid-xs-2--ns:nth-child(1n),
    .l-grid-xs-3--ns:nth-child(1n),
    .l-grid-xs-4--ns:nth-child(1n),
    .l-grid-xs-6--ns:nth-child(1n),
    .l-grid-xs-12--ns:nth-child(1n) {
        margin-left: 0;
    }

    /* overrides margin-bottom set on larger devices */
    [class*=l-grid-xs-]:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-] {
        margin-bottom: 16px;
        margin-bottom: 1rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-xs-2--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-3--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-4--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-6--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-12--2s:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-] {
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }

    /* overrides margin-bottom set on larger devices */
    .l-grid-xs-2--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-3--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-4--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-6--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-],
    .l-grid-xs-12--ns:nth-child(0n+1):nth-child(0n+1) ~ [class*=l-grid-xs-] {
        margin-bottom: 0px;
    }

    /* removes margin-left from first grid item in each row */
    [class*=l-grid-xs-2]:nth-child(6n+1),
    [class*=l-grid-xs-3]:nth-child(4n+1),
    [class*=l-grid-xs-4]:nth-child(3n+1),
    [class*=l-grid-xs-6]:nth-child(2n+1),
    [class*=l-grid-xs-12]:nth-child(1n+1) {
        clear: both;
        margin-left: 0;
    }

    /* removes margin-bottom from each grid item in the last row */
    [class*=l-grid-xs-2]:nth-child(6n):nth-last-child(-n+7) ~ [class*=l-grid-xs-],
    [class*=l-grid-xs-3]:nth-child(4n):nth-last-child(-n+5) ~ [class*=l-grid-xs-],
    [class*=l-grid-xs-4]:nth-child(3n):nth-last-child(-n+4) ~ [class*=l-grid-xs-],
    [class*=l-grid-xs-6]:nth-child(2n):nth-last-child(-n+3) ~ [class*=l-grid-xs-],
    [class*=l-grid-xs-12]:nth-child(1n):nth-last-child(-n+2) ~ [class*=l-grid-xs-] {
        margin-bottom: 0;
    }

    /*-----  End of Grid  ------*/


}


/*-----  End of CSStadium (Extra Small Devices)  ------*/