@charset "utf-8";

	/* [Master Stylesheet] */

	* {box-sizing: border-box;}
		
	body {background-color: #f2f2f2}

	.container {
		position: relative;
		margin:0 auto;
		width: 100%;
		padding:15px 15px 0px 15px;
		max-width: 1200px;
		overflow: hidden;
		transition: all 1s ease;
	}

	.row {overflow: hidden;}
	.row:after {
		content: "";
		display: table;
		clear: both;
	}

	.col {
		float: left;
		padding-top:80px;
		margin-bottom: -9975px;
		padding-bottom: 10000px;
	}
	.col-1 {width: 45%;}
	.col-2 {width: 30%;}
	.col-3 {width: 25%;}

	img {max-width:100%;}
	.logo {float:right; width:100%; max-width:100px;}

	p {
		font-family: neuzeit-grotesk-condensed, sans-serif;
		font-weight: 900;
		color: black;
		text-transform: uppercase;
		font-size:7px;
		line-height: 8px;
		letter-spacing: -.1px;
		transform: scale(1,2.1);	
		transition: all 1s ease;
	}
		
	p::-moz-selection { background: black; color: white}
	p::selection { background: black; color: white; }

	.email {padding-right:5px; text-decoration:none; color:black;}
		
	a:hover	{color:#3f3f3f; transition: all .4s ease;}

	.align-left {text-align:left; margin-left:35px;}
	.align-center {position:absolute; bottom:12px; left:46%;}
	.align-right {position:absolute; bottom:10px;right:60px;}


	@media all and (max-width: 6000px) {
		.container {max-width: 2047px;}
		p {font-size:8px;line-height: 9px}
		.align-left {margin-left:5%;}
		.align-right {right:5%;}
	}
	@media all and (max-width: 2500px) {
		.container {max-width: 1800px;}
	}
	@media all and (max-width: 2100px) {
		.container {max-width: 1500px;}
	}
	@media all and (max-width: 1700px) {
		.container {max-width:1100px;}
		p {font-size:7px;line-height: 8px}
		.align-left {margin-left:35px;}
		.align-right {right:60px;}
	}
	@media all and (max-width: 1400px) {
		.container {max-width:1000px;}
	}
	@media all and (max-width: 1250px) {
		.container {max-width:900px;}
	}
	@media all and (max-width: 1024px) {
		.container {max-width:800px;}
	}
	@media all and (max-width: 900px) {
		p {font-size:7px;line-height: 8px}
	}
	@media all and (max-width: 750px) {
		p {font-size:7px;line-height: 8px}
		.col {padding-top:50px;}
	}

	@media (orientation: landscape) {
		.desktop {display:block}
		.mobile {display:none}
	}
	@media (orientation: portrait) {
		.desktop {display:block}
		.mobile {display:none}
	}
	@media (orientation: portrait) and (max-width:650px) {
		.desktop {display:none}
		.mobile {display:block; margin:0 auto; width:100%; max-width:400px}
		p {font-size:7px;line-height: 8px}
		.email {padding:0;}
		.col-container {overflow: visible;}
		.col {padding-top:60px;margin-bottom: 15px; padding-bottom: 0}
		.col-1 {width: 100%;}
		.col-2 {width: 50%;}
		.col-3 {width: 50%;}
		.container {padding:2% 2% 0px 2%;}
		.align-left {margin-left:20%;}
		.align-center {bottom: 0;left:21%}
		.align-right {right:21%;bottom:3px}
		.logo {max-width:75px;}
	}	
	@media (orientation: portrait) and (max-width:450px) {
		.desktop {display:none}
		.mobile {display:block; margin:0 auto; width:100%; max-width:500px}
		.email {padding:0;}
		 p {font-size:7px;line-height: 8px}
		.col-container {overflow: visible;}
		.col {padding-top:60px;margin-bottom: 15px; padding-bottom: 10px}
		.col-1 {width: 100%;}
		.col-2 {width: 50%;}
		.col-3 {width: 50%;}
		.container {padding:2% 2% 0px 2%;}
		.align-left {margin-left:10%;}
		.align-center {bottom: 20px;left:12%}
		.align-right {right:11%;bottom:20px}
		.logo {max-width:75px;}
		body {padding-bottom:20px;}
	}