@media (max-width: 1250px) {
	
	h1 {
		font-size:56px;
		line-height:62px;
	}
	
	br {
		display:none;
	}
	
	#contact br,
	footer br {
		display:block !important;
	}
	
	.container {
		width:100%;
	}
	
	nav {
		padding:0 0 0 40px;
	}
	
	nav #logo {
		width:180px;
		top:10px;
	}
	
	nav ul {
		width:-webkit-calc(100% - 250px);
		width:-moz-calc(100% - 250px);
		width:calc(100% - 250px);
		padding:30px 40px 30px 6%;
	}
	
	nav ul li a {
	  font-size:16px;
	  line-height:16px;
	}
	
	#team .col {
		width:33.333%;
	}
	
	form#contact-form #name,
	form#contact-form #email {
	  width:100%;
	}
	
}


@media (max-width: 1050px) {
	
	h1 {
		font-size:44px;
		line-height:50px;
	}
	
	hr.divider {
		margin:60px 0;
	}
	
	.container {
		padding:60px 40px;
	}
	
	.reveal-2.animate {
		top:0;
		left:-100%;
	}
	
	header .col:nth-child(1) {
		width:100%;
		padding:60px 40px;
	}

	header .col:nth-child(2) {
		width:100%;
		padding:60px 40px;
	}
	
	header.homepage {
		min-height:auto;
	}
	
	header.homepage .col:nth-child(1) {
		top:0;
	}
	
	header.homepage .col:nth-child(2) {
		border-bottom:0;
		border-right:8px solid #3aae2a;
		height:1px;
		padding:0 40px 70%;
	}
	
	header.subpage .col:nth-child(1) {
		padding-bottom:0;
	}

	header.subpage .col:nth-child(2) {
		padding:60px 40px;
	}
	
	#intro {
		margin:0;
		padding:0;
	}
	
	#intro .container {
		padding:60px 40px;
	}
	
	#we-do-it-all .container {
		padding:60px 40px;
	}
	
	#we-do-it-all .col:nth-child(1) {
		display:none;
	}
	
	#we-do-it-all .col:nth-child(2) {
		width:100%;
		padding:0;
	}
	
	#services-links .col {
		width:100%;
		border-top:0;
		padding:40px;
	}
	
	#services-links .col::before,
	#services-links .col:last-child::before {
		width:100%;
		height:2px;
	}
	
	#services-links .col::after {
		width:8px;
		height:100%;
	}
	
	#services-links .col:hover::after {
		width:18px;
		height:100%;
	}
	
	#footer-contact .container {
		padding-top:60px;
		padding-bottom:60px;
	}
	
	#footer-contact .button {
		margin:0;
	}
	
	#footer-contact img {
		width:360px;
		top:50%;
		transform:translate(-50%, -60%);
		opacity:0.1;
	}

	footer .container {
		padding-bottom:0;
	}
	
	footer .col {
		width:100% !important;
		padding:0 !important;
		margin:0 0 30px;
	}
	
	footer .col:nth-child(2) p:last-child {
		margin:0;
	}
	
	footer .container {
		flex-direction:column-reverse;
	}
	
	#we .col:nth-child(odd) {
		width:100%;
		padding:0;
	}

	#we .col:nth-child(even) {
		width:100%;
		padding:0;
	}
	
	#services .col {
		width:100%;
	}
	
	#services .col:nth-child(1) {
		margin:0 0 30px;
	}
	
	#contact .flex {
		flex-direction:column-reverse;
	}
	
	#contact .col:nth-child(1) {
		width:100%;
		padding:60px 40px;
	}

	#contact .col:nth-child(2) {
		width:100%;
		padding:60px 40px;
	}
	
	#page-link.flex {
		flex-direction:column-reverse;
	}
	
	#page-link .col:nth-child(odd) {
		width:100%;
		padding:60px 40px;
	}

	#page-link .col:nth-child(even) {
		border-right:8px solid #3aae2a;
		width:100%;
		padding:0;
	}
	
	#photo .container {
		padding:0 0 40px;
	}
	
	#photo .caption {
		background:#004d72;
		border-right:8px solid #3aae2a;
		width:100%;
		padding:10px 40px;
		bottom:-2px;
		left:0;
		transform:rotate(0deg);
	}
	
	#photo .caption h4 {
		color:#fff;
	}
	
}


@media (max-width: 950px) {
	
	nav {
		border-bottom:2px solid #f3f3f3;
		padding:22px 40px;
	}
	
	nav ul {
		display:none;
	}
	
	nav #logo {
		top:0;
	}
	
	#mobile-nav {
		display:block;
	}
	
	#team .col {
		width:50%;
	}
	
}


@media (max-width: 850px) {
	
	h2 {
		font-size:34px;
		line-height:40px;
	}
	
	h3 {
		font-size:24px;
		line-height:30px;
	}
	
	p {
		font-size:17px;
		line-height:25px;
	}
	
	ul li,
	ol li {
		font-size:17px;
		line-height:22px;
	}
	
	ul.list li {
		padding:0 0 0 15px;
	}
	
	ul.list li::before {
		top:7px;
	}
	
	hr.line {
		width:35px;
	}
	
	.button {
	  font-size:18px;
	  line-height:20px;
	}
	
	header.subpage p {
		padding:0 0 0 55px;
	}

	header.subpage p::before {
		width:35px;
		top:12px;
	}
	
	#services .container div,
	#resources .container div {
		padding:40px 0 0;
	}
	
	#services .container div .number,
	#resources .container div .number {
		width:32px;
		height:32px;
		padding:0;
		top:-10px;
		left:-5px;
	}
	
	#services .container div .number::after,
	#resources .container div .number::after {
		background-size:80px;
		width:80px;
		height:42px;
	}
	
	#photo .caption h4 {
		font-size:16px;
		line-height:22px;
	}
	
}


@media (max-width: 650px) {
	
	#team .col {
		width:100%;
	}
	
}

@media (max-width: 450px) {
	footer .col:nth-child(1) img,
	footer .col:nth-child(1) a {
		display:block !important;
		margin:0 0 20px 0 !important;
	}

	a#bbblink img {
		position:relative !important;
	}
}