/* Defaults
---------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#mobile_nav,
.mobile {
	display:none;
}

@media (max-width: 1300px) {	
	nav {
		height:auto;
		text-align:center;
		position:relative;
		padding:25px 0 25px 0;
	}

	nav img {
		width:300px;
		position:relative;
		top:auto;
		left:auto;
		margin:0 0 0 30px;
	}

	nav ul {
		display:none;
		margin:0;
	}

	nav ul li {
		display:block;
	}

	nav ul li a {
		display:block;
		padding:5px 0;
	}

	.desktop {
		display:none;
	}

	#mobile_nav_button {
		width:32px;
		display:block;
		position:absolute;
		top:65px;
		right:30px;
		z-index:999;
	}

	#mobile_nav_button span {
		width:32px;
		height:2px;
		background:#3d9ab8;
		display:block;
		margin:5px 0;
	}

	#mobile_nav {
		width:300px;
		height:100%;
		background:#fff;
		display:block;
		-webkit-box-shadow: 0px 0px 13px 4px rgba(68,85,95,0.3);
		-moz-box-shadow: 0px 0px 13px 4px rgba(68,85,95,0.3);
		box-shadow: 0px 0px 13px 4px rgba(68,85,95,0.3);
		position:fixed;
		top:0;
		left:-350px;
		z-index:999;
		padding:80px 40px 0 40px;
	}

	#mobile_nav ul {
		list-style:none;
		padding:0;
		margin:0 0 30px 0;
	}

	#mobile_nav ul li::before {
		content:none;
	}

	#mobile_nav ul li a {
		font:400 25px/28px "TT Commons Light", helvetica, sans-serif;
		letter-spacing:0.03em;
		color:#124577;
		display:block;
		margin:0 0 15px 0;
	}

	#mobile_close {
		width:17px;
		height:17px;
		background:url("../images/close.svg") no-repeat 0 0 / 17px 17px;
		position:absolute;
		top:40px;
		right:30px;
		text-indent:-999999px;
	}

	#stayintouch,
	#helpyou,
	#linkedin {
		display:none;
	}

	#mobile_nav #linkedin {
		display:block;
		position:relative;
		top:auto;
		right:auto;
	}
}

@media (max-width: 1050px) {
	header .header {
		width:100%;
		position:absolute;
		top:50%;
		transform: translateY(-50%);
		left:auto;
		padding:0 30px;
		margin:0;
	}

	header .header br {
		display:none;
	}

	header h1 {
		font:400 40px/50px "TT Commons Regular", helvetica, sans-serif;
	}

	header h2 {
		font:400 21px/30px "TT Commons Regular", helvetica, sans-serif;
		margin:0 0 25px 0;
	}

	#services .container {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}

	#bio.container {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}

	.fancybox-content {
		padding:60px 30px;
	}

	footer .container {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}

	footer .column1 {
		width:100%;
	}

	footer .column2 {
		width:100%;
		padding-left:0;
	}
}

@media (max-width: 850px) {
	.container {
		width:100%;
		padding-left:30px;
		padding-right:30px;
	}

	h2 br {
		display:none;
	}

	.column1 {
		width:100%;
		float:none;
		padding-right:0;
	}

	.column2 {
		width:100%;
		float:none;
		padding-left:0;
	}

	#services p {
		width:100%;
	}

	#bio.container {
		padding-top:0;
	}

	#bio .column1 {
		width:100%;
	}

	#bio .column2 {
		width:100%;
		padding-top:60px;
	}

	#bio h2 {
		text-align:center;
	}

	#bio h4 br {
		display:none;
	}
}

@media (max-width: 450px) {
	h2 {
		font:400 27px/37px "TT Commons DemiBold", helvetica, sans-serif;
		margin:0 0 30px 0;
	}

	p {
		font:400 20px/32px "TT Commons Regular", helvetica, sans-serif;
		margin:0 0 40px 0;
	}

	.container {
		padding-top:100px;
		padding-bottom:80px;
	}

	header {
		height:auto;
		padding-top:50px;
		padding-bottom:50px;
	}

	header .header {
		position:relative;
		top:auto;
		transform:none;
	}

	header h1 {
		font:400 32px/38px "TrajanPro Bold", helvetica, sans-serif;
	}

	header h2 {
		font:400 19px/28px "TT Commons Light", helvetica, sans-serif;
		margin:0 0 20px 0;
	}

	#services .container {
		padding-top:100px;
		padding-bottom:100px;
	}

	#services ul li {
		font:400 19px/28px "TT Commons Light", helvetica, sans-serif;
	}

	#bio h3 {
		font:400 36px/42px "TT Commons Regular", helvetica, sans-serif;
	}
}

@media (max-width: 380px) {
	nav {
		padding-left:30px;
		padding-right:30px;
	}

	nav img {
		width:100%;
		margin:0;
	}

	#mobile_nav_button {
		top:25px;
	}
}