/*
  FLEXBOX
*/


.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.inline-flex {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

/* 1. Fix for Chrome 44 bug.
 ** https://code.google.com/p/chromium/issues/detail?id=506893 */

.flex-auto {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	/* 1 */
	min-height: 0;
	/* 1 */
}

.flex-none {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-nowrap {
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.flex-column-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.items-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.items-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.items-baseline {
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.items-stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.self-start {
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.self-end {
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.self-center {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.self-baseline {
	-ms-flex-item-align: baseline;
	align-self: baseline;
}

.self-stretch {
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
}

.justify-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.justify-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.justify-around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.justify-evenly {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.content-start {
	-ms-flex-line-pack: start;
	align-content: flex-start;
}

.content-end {
	-ms-flex-line-pack: end;
	align-content: flex-end;
}

.content-center {
	-ms-flex-line-pack: center;
	align-content: center;
}

.content-between {
	-ms-flex-line-pack: justify;
	-webkit-align-content: space-between;
	align-content: space-between;
}

.content-around {
	-ms-flex-line-pack: distribute;
	align-content: space-around;
}

.content-stretch {
	-ms-flex-line-pack: stretch;
	align-content: stretch;
}

.order-0 {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
}

.order-1 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.order-2 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.order-3 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.order-4 {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

.order-5 {
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

.order-6 {
	-webkit-box-ordinal-group: 7;
	-ms-flex-order: 6;
	order: 6;
}

.order-7 {
	-webkit-box-ordinal-group: 8;
	-ms-flex-order: 7;
	order: 7;
}

.order-8 {
	-webkit-box-ordinal-group: 9;
	-ms-flex-order: 8;
	order: 8;
}

.order-last {
	-webkit-box-ordinal-group: 100000;
	-ms-flex-order: 99999;
	order: 99999;
}

.flex-offset {
	margin-left: -2.5%;
	margin-right: -2.5%;
}

.flex-margin {
	margin-left: 2.5%;
	margin-right: 2.5%;
}

/*
   SPACING
   An eight step powers of two scale ranging from 0 to 16rem.
*/

.pa0 {
	padding: 0;
}

.pa1 {
	padding: 0.25rem;
}

.pa2 {
	padding: 0.5rem;
}

.pa3 {
	padding: 1rem;
}

.pa4 {
	padding: 2rem;
}

.pa5 {
	padding: 4rem;
}

.pa6 {
	padding: 8rem;
}

.pa7 {
	padding: 16rem;
}

.pl0 {
	padding-left: 0;
}

.pl1 {
	padding-left: 0.25rem;
}

.pl2 {
	padding-left: 0.5rem;
}

.pl3 {
	padding-left: 1rem;
}

.pl4 {
	padding-left: 2rem;
}

.pl5 {
	padding-left: 4rem;
}

.pl6 {
	padding-left: 8rem;
}

.pl7 {
	padding-left: 16rem;
}

.pr0 {
	padding-right: 0;
}

.pr1 {
	padding-right: 0.25rem;
}

.pr2 {
	padding-right: 0.5rem;
}

.pr3 {
	padding-right: 1rem;
}

.pr4 {
	padding-right: 2rem;
}

.pr5 {
	padding-right: 4rem;
}

.pr6 {
	padding-right: 8rem;
}

.pr7 {
	padding-right: 16rem;
}

.pb0 {
	padding-bottom: 0;
}

.pb1 {
	padding-bottom: 0.25rem;
}

.pb2 {
	padding-bottom: 0.5rem;
}

.pb3 {
	padding-bottom: 1rem;
}

.pb4 {
	padding-bottom: 2rem;
}

.pb5 {
	padding-bottom: 4rem;
}

.pb6 {
	padding-bottom: 8rem;
}

.pb7 {
	padding-bottom: 16rem;
}

.pt0 {
	padding-top: 0;
}

.pt1 {
	padding-top: 0.25rem;
}

.pt2 {
	padding-top: 0.5rem;
}

.pt3 {
	padding-top: 1rem;
}

.pt4 {
	padding-top: 2rem;
}

.pt5 {
	padding-top: 4rem;
}

.pt6 {
	padding-top: 8rem;
}

.pt7 {
	padding-top: 16rem;
}

.pv0 {
	padding-top: 0;
	padding-bottom: 0;
}

.pv1 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.pv2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.pv3 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.pv4 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.pv5 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.pv6 {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

.pv7 {
	padding-top: 16rem;
	padding-bottom: 16rem;
}

.ph0 {
	padding-left: 0;
	padding-right: 0;
}

.ph1 {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

.ph2 {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.ph3 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.ph4 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.ph5 {
	padding-left: 4rem;
	padding-right: 4rem;
}

.ph6 {
	padding-left: 8rem;
	padding-right: 8rem;
}

.ph7 {
	padding-left: 16rem;
	padding-right: 16rem;
}

.ma0 {
	margin: 0 !important;
}

.ma1 {
	margin: 0.25rem;
}

.ma2 {
	margin: 0.5rem;
}

.ma3 {
	margin: 1rem;
}

.ma4 {
	margin: 2rem;
}

.ma5 {
	margin: 4rem;
}

.ma6 {
	margin: 8rem;
}

.ma7 {
	margin: 16rem;
}

.ml0 {
	margin-left: 0 !important;
}

.ml1 {
	margin-left: 0.25rem;
}

.ml2 {
	margin-left: 0.5rem;
}

.ml3 {
	margin-left: 1rem;
}

.ml4 {
	margin-left: 2rem;
}

.ml5 {
	margin-left: 4rem;
}

.ml6 {
	margin-left: 8rem;
}

.ml7 {
	margin-left: 16rem;
}

.mr0 {
	margin-right: 0 !important;
}

.mr1 {
	margin-right: 0.25rem;
}

.mr2 {
	margin-right: 0.5rem;
}

.mr3 {
	margin-right: 1rem;
}

.mr4 {
	margin-right: 2rem;
}

.mr5 {
	margin-right: 4rem;
}

.mr6 {
	margin-right: 8rem;
}

.mr7 {
	margin-right: 16rem;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb1 {
	margin-bottom: 0.25rem;
}

.mb2 {
	margin-bottom: 0.5rem;
}

.mb3 {
	margin-bottom: 1rem;
}

.mb4 {
	margin-bottom: 2rem;
}

.mb5 {
	margin-bottom: 4rem;
}

.mb6 {
	margin-bottom: 8rem;
}

.mb7 {
	margin-bottom: 16rem;
}

.mt0 {
	margin-top: 0;
}

.mt1 {
	margin-top: 0.25rem;
}

.mt2 {
	margin-top: 0.5rem;
}

.mt3 {
	margin-top: 1rem;
}

.mt4 {
	margin-top: 2rem;
}

.mt5 {
	margin-top: 4rem;
}

.mt6 {
	margin-top: 8rem;
}

.mt7 {
	margin-top: 16rem;
}

.mv0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.mv1 {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.mv2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.mv3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.mv4 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.mv5 {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.mv6 {
	margin-top: 8rem;
	margin-bottom: 8rem;
}

.mv7 {
	margin-top: 16rem;
	margin-bottom: 16rem;
}

.mh0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.mh1 {
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}

.mh2 {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.mh3 {
	margin-left: 1rem;
	margin-right: 1rem;
}

.mh4 {
	margin-left: 2rem;
	margin-right: 2rem;
}

.mh5 {
	margin-left: 4rem;
	margin-right: 4rem;
}

.mh6 {
	margin-left: 8rem;
	margin-right: 8rem;
}

.mh7 {
	margin-left: 16rem;
	margin-right: 16rem;
}

.ml-auto {
	margin-left: auto;
}

.mr-auto {
	margin-right: auto;
}

.mh-auto {
	margin-left: auto;
	margin-right: auto;
}

.mt-auto {
	margin-top: auto;
}

.mb-auto {
	margin-bottom: auto;
}

/*
   NEGATIVE MARGINS
*/

.na1 {
	margin: -0.25rem;
}

.na2 {
	margin: -0.5rem;
}

.na3 {
	margin: -1rem;
}

.na4 {
	margin: -2rem;
}

.na5 {
	margin: -4rem;
}

.na6 {
	margin: -8rem;
}

.na7 {
	margin: -16rem;
}

.nl1 {
	margin-left: -0.25rem;
}

.nl2 {
	margin-left: -0.5rem;
}

.nl3 {
	margin-left: -1rem;
}

.nl4 {
	margin-left: -2rem;
}

.nl5 {
	margin-left: -4rem;
}

.nl6 {
	margin-left: -8rem;
}

.nl7 {
	margin-left: -16rem;
}

.nr1 {
	margin-right: -0.25rem;
}

.nr2 {
	margin-right: -0.5rem;
}

.nr3 {
	margin-right: -1rem;
}

.nr4 {
	margin-right: -2rem;
}

.nr5 {
	margin-right: -4rem;
}

.nr6 {
	margin-right: -8rem;
}

.nr7 {
	margin-right: -16rem;
}

.nb1 {
	margin-bottom: -0.25rem;
}

.nb2 {
	margin-bottom: -0.5rem;
}

.nb3 {
	margin-bottom: -1rem;
}

.nb4 {
	margin-bottom: -2rem;
}

.nb5 {
	margin-bottom: -4rem;
}

.nb6 {
	margin-bottom: -8rem;
}

.nb7 {
	margin-bottom: -16rem;
}

.nt1 {
	margin-top: -0.25rem;
}

.nt2 {
	margin-top: -0.5rem;
}

.nt3 {
	margin-top: -1rem;
}

.nt4 {
	margin-top: -2rem;
}

.nt5 {
	margin-top: -4rem;
}

.nt6 {
	margin-top: -8rem;
}

.nt7 {
	margin-top: -16rem;
}

.w1 {
	width: 1rem;
}

.w2 {
	width: 2rem;
}

.w3 {
	width: 4rem;
}

.w4 {
	width: 8rem;
}

.w5 {
	width: 16rem;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: 33%;
}

.w-34 {
	width: 34%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.mw-50 {
	max-width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.w-65 {
	width: 65%;
}

.w-70 {
	width: 70%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.w-95 {
	width: 95%;
}

.w-100 {
	width: 100%;
}

.w-third {
	width: calc(100% / 3);
}

.w-two-thirds {
	width: calc(100% / 1.5);
}

.w-auto {
	width: auto;
}

/*
  Z-INDEX
*/

.z-0 {
	z-index: 0;
}

.z-1 {
	z-index: 1;
}

.z-2 {
	z-index: 2;
}

.z-3 {
	z-index: 3;
}

.z-4 {
	z-index: 4;
}

.z-5 {
	z-index: 5;
}

.z-999 {
	z-index: 999;
}

.z-9999 {
	z-index: 9999;
}

.z-max {
	z-index: 2147483647;
}

.z-inherit {
	z-index: inherit;
}

.z-initial {
	z-index: initial;
}

.z-unset {
	z-index: unset;
}

@media screen and (min-width: 800px) {
	.flex .half {
		width: 50%;
	}
}