/*
Theme Name: NicheLabs Custom Theme 
Theme URI: http://nichelabs.com/
Description: Search engine optimized theme. Theme designed by <a href="http://nichelabs.com" target="_blank">NicheLabs LLC</a>.
Version: 1.2
Author: NicheLabs LLC
Author URI: http://nichlabs.com
*/

html, body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #6a6a6a;
}
	a {
		color: #414141;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	h1, h2, h3, h4, h5 {text-align: left;}
	#global {
		width: 100%;
		min-width: 100%;
	}
		.wrapper {
			max-width: 1300px;
			margin: 0 auto;
			padding: 0 25px;
		}
		header {margin-top: 25px;}
			header .logo img {
				border: none;
				display: block;
				margin: 0 auto;
			}
			.nav-wrapper {
				padding-top: 25px;
				margin-bottom: 25px;
				border-bottom: 1px solid #232122;
				position: relative;
			}
			.nav-wrapper ul {
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				bottom: -1px;
				left: 0;
				z-index: 2;
			}
			.nav-wrapper ul li {
				border: 1px solid #232122;
				border-radius: 5px 5px 0px 0px;
				background: #7e8285;
				display: inline-block;
				padding: 5px 10px;
				font-weight: 700;
			}
			.nav-wrapper ul li.current {
				border-bottom: 0;
				background: #fff;
			}
			.nav-wrapper ul li a {
				color: #fff;
				text-decoration: none;
			}
			.nav-wrapper ul li.current a {
				color: #005c78;
			}
			main {
				/* No styling goes here */
			}
				.content {
					padding: 0 0 100px;
					text-align: justify;
					line-height: 1.4em;
				}
					hr {
						margin: 20px 0;
						padding: 0;
						height: 0;
						border: none;
						border-top: solid 1px #f1f1f1;
					}
					h4 {
						font-weight: 700;
						text-align: center;
					}
					.col {
						clear: both;
						float: none;
						display: flex;
						display: -webkit-flex;
						display: -ms-flex;
						flex-flow: row nowrap;
						-webkit-flex-flow: row nowrap;
						-ms-flex-flow: row nowrap;
						justify-content: space-between;
						-webkit-justify-content: space-between;
						-ms-justify-content: space-between;
						width: 100%;
					}
						.col a {
							color: #005c78;
							/*
							display: block;
							margin: 0 auto;
							*/
						}
						.col > div {
							flex: 1;
							-webkit-flex: 1;
							-ms-flex: 1;
						}
						.col-4 > div {
							padding: 0 5px;
						}
						.col .content-image { 
							max-width: 314px;
							padding-right: 25px;
						}
			footer div:first-of-type,
			footer div:first-child {
				float: left;
				height: 50px;
			}
			footer div:nth-of-type(2),
			footer div + div {
				float: right;
				text-align: right;
				height: 50px;
			}

@media only screen and (max-width: 600px) {
	.col.col-4 {
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
	}
	.col-4 > div {
		width: 48%;
		flex-basis: 48%;
	}
	.col.col-2 {
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
	}
	.col.col-2 .content-image {
		max-width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.col-2 > div + div {
		flex-basis: 100%;
		padding: 0;
	}
}