/*
	TrueLight
	July 2017
	Developed by Nathan Owens
	owensdev.com
*/

/* fonts */
/* .tk-proxima-nova-condensed */
/* .tk-proxima-nova */
/* .tk-adobe-caslon-pro -- serif font, use italic */

img { max-width: 100%; }
a { color: #8a8a8a; }
p { 
	font-size: 15px;
	letter-spacing: 1px;
}
.slate {
	color: #ABC4C7;
}

header {
	width: 100%;
	padding: 20px 15px;
}
.header-content {
	max-width: 1370px;
	margin: auto;
}
header .logo {
	float: left;
	max-width: 400px;
}
header .contact {
	float: right;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 19px;
}
.header-content .contact > div {
	float: right;
}

.landing-content {
	width: 100vw;
	min-height: calc(100vh - 135px);
	background: url(img/clouds.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-transform: uppercase;
	color: #E2E4E5;
}
.content-container {
	max-width: 1170px;
	width: 100%;
	margin: auto;
}

.content-container > div > div {
	height: calc(100vh - 135px);
	min-height: 700px;
}
.content-left {
	display: table;
}
.content-left > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px;
}
.content-left h1 {
	font-size: 64px;
}
.content-left .flow {
	font-size: 24px;
	line-height: 1.6;
}
hr {
	width: 50px;
	text-align: left;
	margin-left: -15px;
}

.img-stack {
	
}
.img-stack img {
	max-height: 25%;
	width: auto;
	display: block;
	clear: both;
	float: right;
}


/* responsive */
@media screen and (max-width: 1580px) {
	
}

@media screen and (max-width: 1520px) {
	
}

@media screen and (max-width: 1420px) {
	
}

@media screen and (max-width: 1350px) {
	
}

@media screen and (max-width: 1329px) {
	
}

@media screen and (max-width: 1230px) {
	
}

@media screen and (max-width: 1150px) {
	
}

@media screen and (max-width: 1060px) {
	
}

@media screen and (max-width: 1000px) {
	
}

@media screen and (max-width: 991px) {
	h1, .jumbotron h1 { font-size: 56px; }
	h2, .jumbotron h2 { font-size: 44px; }
	h3, .jumbotron h3 { font-size: 32px; }
	h4, .jumbotron h4 { font-size: 26px; }
	h5, .jumbotron h5 { font-size: 20px; }
	h6, .jumbotron h6 { font-size: 18px; }
}

@media screen and (max-width: 945px) {
	
}

@media screen and (max-width: 895px) {
	
}

@media screen and (max-width: 855px) {
	
}

@media screen and (max-width: 810px) {
	
}

@media screen and (max-width: 780px) {
	
}

@media screen and (max-width: 767px) {
	.header-content .contact > div {
		float: none;
		text-align: center;
	}
	h1 { text-align: center; }
	
	.img-stack {
		margin-top: 10px;
	}
	.img-stack img {
		width: 50%;
		float: left;
		clear: none;
	}
	
	.content-container > div > div {
		min-height: auto;
		height: auto;
	}
}

@media screen and (max-width: 725px) {
	
}

@media screen and (max-width: 615px) {
	
}

@media screen and (max-width: 540px) {
	
}