/*
 
 Scott Horsfall / @scoh
 setup.css
 
*/

/* git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* flexbox system */
.container,
.col-auto,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col-auto {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 0 !important;
  -ms-flex: 1 1 0 !important;
  flex: 1 1 0 !important;
}

.row > div {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}

.col-mobile-1 {
	-webkit-flex-basis: 8.333333333333334% !important;
	flex-basis: 8.333333333333334% !important;
}
.col-mobile-2 {
	-webkit-flex-basis: 16.666666666666668% !important;
	flex-basis: 16.666666666666668% !important;
}
.col-mobile-3 {
	-webkit-flex-basis: 25% !important;
	flex-basis: 25% !important;
}
.col-mobile-4 {
	-webkit-flex-basis: 33.333333333333336% !important;
	flex-basis: 33.333333333333336% !important;
}
.col-mobile-5 {
	-webkit-flex-basis: 41.66666666666667% !important;
	flex-basis: 41.66666666666667% !important;
}
.col-mobile-6 {
	-webkit-flex-basis: 50% !important;
	flex-basis: 50% !important;
}
.col-mobile-7 {
	-webkit-flex-basis: 58.333333333333336% !important;
	flex-basis: 58.333333333333336% !important;
}
.col-mobile-8 {
	-webkit-flex-basis: 66.66666666666667% !important;
	flex-basis: 66.66666666666667% !important;
}
.col-mobile-9 {
	-webkit-flex-basis: 75% !important;
	flex-basis: 75% !important;
}
.col-mobile-10 {
	-webkit-flex-basis: 83.33333333333334% !important;
	flex-basis: 83.33333333333334% !important;
}
.col-mobile-11 {
	-webkit-flex-basis: 91.66666666666667% !important;
	flex-basis: 91.66666666666667% !important;
}
.col-mobile-12 {
	-webkit-flex-basis: 100% !important;
	flex-basis: 100% !important;
}
.col-mobile-offset-1 {
	margin-left: 8.333333333333334%;
}
.col-mobile-offset-2 {
	margin-left: 16.666666666666668%;
}
.col-mobile-offset-3 {
	margin-left: 25%;
}
.col-mobile-offset-4 {
	margin-left: 33.333333333333336%;
}
.col-mobile-offset-5 {
	margin-left: 41.66666666666667%;
}
.col-mobile-offset-6 {
	margin-left: 50%;
}
.col-mobile-offset-7 {
	margin-left: 58.333333333333336%;
}
.col-mobile-offset-8 {
	margin-left: 66.66666666666667%;
}
.col-mobile-offset-9 {
	margin-left: 75%;
}
.col-mobile-offset-10 {
	margin-left: 83.33333333333334%;
}
.col-mobile-offset-11 {
	margin-left: 91.66666666666667%;
}

.first {
	-webkit-order: -1;
	-ms-flex-order: -1;
	order: -1;
}

.last {
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.last-mobile {
	-webkit-order: 100;
	-ms-flex-order: 100;
	order: 100;
}

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

.col-right { text-align: left; }
.col-mobile-right { text-align: right; }
.col-center { text-align: left; }
.col-mobile-center { text-align: center; }
.col-mobile-only-center { text-align: center; }

.hide-mobile, .hide-mobile-inline { display: none; }
.show-mobile-inline { display: inline-block; }
.show-mobile { display: block; }

@media (min-width: 768px) {
	.col-1 {
		-webkit-flex-basis: 8.333333333333334% !important;
		flex-basis: 8.333333333333334% !important;
	}
	.col-2 {
		-webkit-flex-basis: 16.666666666666668% !important;
		flex-basis: 16.666666666666668% !important;
	}
	.col-3 {
		-webkit-flex-basis: 25% !important;
		flex-basis: 25% !important;
	}
	.col-4 {
		-webkit-flex-basis: 33.333333333333336% !important;
		flex-basis: 33.333333333333336% !important;
	}
	.col-5 {
		-webkit-flex-basis: 41.66666666666667% !important;
		flex-basis: 41.66666666666667% !important;
	}
	.col-6 {
		-webkit-flex-basis: 50% !important;
		flex-basis: 50% !important;
	}
	.col-7 {
		-webkit-flex-basis: 58.333333333333336% !important;
		flex-basis: 58.333333333333336% !important;
	}
	.col-8 {
		-webkit-flex-basis: 66.66666666666667% !important;
		flex-basis: 66.66666666666667% !important;
	}
	.col-9 {
		-webkit-flex-basis: 75% !important;
		flex-basis: 75% !important;
	}
	.col-10 {
		-webkit-flex-basis: 83.33333333333334% !important;
		flex-basis: 83.33333333333334% !important;
	}
	.col-11 {
		-webkit-flex-basis: 91.66666666666667% !important;
		flex-basis: 91.66666666666667% !important;
	}
	.col-12 {
		-webkit-flex-basis: 100% !important;
		flex-basis: 100% !important;
	}
	.col-offset-1 {
		margin-left: 8.333333333333334%;
	}
	.col-offset-2 {
		margin-left: 16.666666666666668%;
	}
	.col-offset-3 {
		margin-left: 25%;
	}
	.col-offset-4 {
		margin-left: 33.333333333333336%;
	}
	.col-offset-5 {
		margin-left: 41.66666666666667%;
	}
	.col-offset-6 {
		margin-left: 50%;
	}
	.col-offset-7 {
		margin-left: 58.333333333333336%;
	}
	.col-offset-8 {
		margin-left: 66.66666666666667%;
	}
	.col-offset-9 {
		margin-left: 75%;
	}
	.col-offset-10 {
		margin-left: 83.33333333333334%;
	}
	.col-offset-11 {
		margin-left: 91.66666666666667%;
	}
		
	.start {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: start;
	}
	
	.center {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
	
	.end {
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		text-align: end;
	}
	
	.top {
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	.middle {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.middle-mobile {
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	.bottom {
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
	
	.around {
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	
	.between {
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

/* other components */
.wrapper { width: 90%; max-width: 1440px; margin: 0 auto; }
.center-text { text-align: center; }
.right-text { text-align: right; }