/**
*
* 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  ------*/