/*-- Media Queries --*/

.menu-wrapper,
#mobile-navigation,
.mobile {
	display:none;
}


@media (max-width: 1600px) {
	.container {
		width:100%;
		padding-right:40px;
		padding-left:40px;
		margin:0;
	}

	.logo {
		left:40px;
	}

	header .container {
		padding-right:40px;
		padding-left:40px;
	}

	#about-us .two-columns .col:nth-child(2) .content,
	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		border:3px solid #dbdeef;
	}

	#about-us .two-columns .col:nth-child(1) {
		padding-right:70px;
	}

	#home-accordion .two-columns .col:nth-child(1) {
		border-radius:0;
	}

	#home-accordion ul li {
		padding:50px 40px;
	}

	#home-accordion ul li img {
		left:40px;
	}

	#home-accordion ul li h3 {
		padding-right:70px;
	}

	#home-accordion ul li article {
		padding-right:0;
		padding-left:0;
	}

	#how-were-different .content {
		padding-right:0;
	}

	#contact-us .two-columns {
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

	#contact-us .two-columns .col:nth-child(1) {
		padding-left:40px;
		padding-right:70px;
	}

	footer .container {
		padding:140px 40px 50px 40px;
	}
}


@media (max-width: 1400px) {
	header h1 br {
		display:none;
	}

	#home-accordion .two-columns .col:nth-child(1) {
		width:450px;
	}

	#home-accordion .two-columns .col:nth-child(2) {
		width:-webkit-calc(100% - 450px);
		width:-moz-calc(100% - 450px);
		width:calc(100% - 450px);
	}

	#contact-us .two-columns .col:nth-child(1) {
		width:-webkit-calc(100% - 450px);
		width:-moz-calc(100% - 450px);
		width:calc(100% - 450px);
	}

	#contact-us .two-columns .col:nth-child(2) {
		width:450px;
	}
}


@media (max-width: 1150px) {
	html {
		background:url("../images/background-pattern-mobile.jpg") no-repeat top right;
	}

	h1 {
		font-size:80px;
		line-height:80px;
		margin: 0 0 40px 0;
	}

	h1.split *,
	#about-us h2 *,
	#how-were-different h3 * {
		height:auto !important;
		margin-top:0 !important;
	}

	h1 div,
	h2 div,
	h3 div {
		display:inline !important;
	}

	h3 {
		font-size:35px;
		line-height:40px;
	}

	blockquote {
		font-size:24px;
		line-height:30px;
	}

	.container {
		padding-right:25px;
		padding-left:25px;
	}

	.logo {
		left:25px;
	}

	nav .container {
		padding:0 25px;
	}

	nav ul li a {
		padding:20px 20px;
	}

	nav ul li.nav-button {
		margin-left:10px;
	}

	nav ul li.nav-button a {
		padding:17px 20px;
	}

	.button {
		padding:17px 20px;
	}

	header .container {
		height:auto;
		display:block;
		padding-top:40px;
		padding-right:25px;
		padding-left:0;
		padding:40px 25px 0px 0;
	}

	header .content {
		padding-left:25px;
		padding-right:25px;
		margin:0 0 60px 0;
	}

	header .desktop {
		display:none;
	}

	header .mobile {
		display:block;
	}

	header .photo {
		width:100%;
		height:auto;
		border-radius:15px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		position:relative;
		transform:none !important;
	}

	header img {
		width:100%;
		position:relative;
		border-radius:15px;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

	header .photo .caption {
		font-size:17px;
		line-height:26px;
		padding:20px;
	}

	#about-us .two-columns .col:nth-child(1) {
		width:-webkit-calc(100% - 400px);
		width:-moz-calc(100% - 400px);
		width:calc(100% - 400px);
		padding-right:50px;
	}

	#about-us .two-columns .col:nth-child(2) {
		width:400px;
	}

	#about-us .two-columns .col:nth-child(2) .content {
		padding:40px 25px;
	}

	#home-accordion .two-columns {
		border-top-left-radius:0;
		border-bottom-left-radius:0;
	}

	#home-accordion ul li {
		padding:40px 25px
	}

	#home-accordion ul li img {
		top:30px;
		left:25px;
	}

	#home-accordion ul li h3:before {
		width:40px;
		height:40px;
		font-size:40px;
		line-height:40px;
	}

	#home-accordion .two-columns .col:nth-child(1) {
		display:none;
	}

	#home-accordion .two-columns .col:nth-child(2) {
		width:100%;
	}

	#how-were-different .two-columns .col:nth-child(1) {
		width:-webkit-calc(100% - 420px);
		width:-moz-calc(100% - 420px);
		width:calc(100% - 420px);
	}

	#how-were-different .two-columns .col:nth-child(2) {
		width:420px;
	}

	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		padding:60px 25px 110px 25px;
	}

	#how-were-different .two-columns .col:nth-child(1) {
		padding-right:50px;
	}

	#contact-us .two-columns .col:nth-child(1) {
		width:100%;
	}

	#contact-us .two-columns .col:nth-child(2) {
		display:none;
	}
}


@media (max-width: 1000px) {
	html {
		background:url("../images/background-pattern-mobile.jpg") no-repeat top 100px right -40px;
	}

	nav {
		height:80px;
		display:block;
	}

	nav ul {
		display:none;
	}

	.logo {
		top:25px;
	}

	#about-us .container {
		padding-top:80px;
		padding-bottom:80px;
	}

	#about-us .two-columns .col:nth-child(1) {
		width:100%;
		padding-right:130px;
	}

	#about-us .two-columns .col:nth-child(2) {
		width:100%;
		padding-right:0;
		margin-bottom:0;
	}

	#about-us .two-columns .col:nth-child(2) .content,
	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		transform:translate(0%, 0%) translate3d(0px, 0px, 0px) !important;
	}

	#how-were-different .two-columns .col:nth-child(1) {
		width:100%;
		padding-right:73px;
	}

	#how-were-different .two-columns .col:nth-child(2) {
		width:100%;
		padding:0;
		margin:30px 0 0 0;
	}

	#how-were-different .content {
		padding-right:40px;
	}

	.blockquote-content span {
		width:60px;
		height:60px;
		font-size:65px;
	}

	#contact-us h3 {
		    font-size: 40px;
    line-height: 45px;
	}

	#contact-us .two-columns .col:nth-child(1) {
		padding:60px 25px;
	}

	footer .container {
		padding:140px 25px 50px 25px;
	}
}


@media (max-width: 850px) {
	html {
		background:url("../images/background-pattern-mobile.jpg") no-repeat top 100px right -80px;
	}

	h1 {
		font-size:70px;
        line-height:65px;
	}

	header .container {
		padding-top:40px;
	}

	header .content {
		padding-right:0;
	}

	#about-us .container {
		padding-top:60px;
		padding-bottom:60px;
	}

	#about-us .two-columns .col:nth-child(1),
	#how-were-different .two-columns .col:nth-child(1) {
		padding-right:65px;
	}

	#how-were-different .two-columns .col:nth-child(1) {
        padding-right:33px;
    }
}


@media (max-width: 750px) {
	h2 {
		font-size:40px;
		line-height:40px;
	}

	footer .col:nth-child(1),
	footer .col:nth-child(2) {
		width:100%;
		padding:0;
	}

	footer .col:nth-child(1) {
		margin-bottom:20px;
	}

	footer .col:nth-child(1) img {
		width:60px;
		margin:0 auto;
	}

	footer p {
		display:block;
		text-align:center;
	}

	footer .divider {
		display:block;
		height:4px;
	}
}


@media (max-width: 600px) {
	header .photo .caption {
		display:none;
	}
}


@media (max-width: 550px) {
	html {
		background:url("../images/background-pattern-mobile.jpg") no-repeat top 100px right -113px;
	}

	h1 {
		font-size:60px;
        line-height:55px;
	}

	h2 {
		font-size:35px;
		line-height:40px;
	}

	h3,
	#contact-us h3 {
		font-size:30px;
		line-height:35px;
	}

	.byline {
		float:none;
		padding:0;
	}

	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		padding-bottom:60px;
	}

	.button,
	.button-white {
		font-size:14px;
		line-height:24px;
		padding:13px 20px;
	}

	header .container {
		padding-right:0;
	}

	header .content {
		padding-right:25px;
	}

	header img {
		border-radius:0;
	}

	#about-us .two-columns .col:nth-child(1) {
		padding-right:30px;
	}

	#about-us .two-columns .col:nth-child(2) .content,
	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		border-top-right-radius:0;
		border-bottom-right-radius:0;
		border-right:0;
	}

	#home-accordion .two-columns {
		border-top-right-radius:0;
		border-bottom-right-radius:0;
	}

	#home-accordion ul li img {
		display:none;
	}

	#home-accordion ul li h3 {
		padding-left:0;
	}

	#how-were-different .container {
		padding-top:60px;
		padding-bottom:60px;
	}

	#how-were-different .two-columns .col:nth-child(1) {
		padding-right:0;
	}

	#contact-us .two-columns {
		border-radius:0;
	}
}


@media (max-width: 400px) {
	html {
		background:url("../images/background-pattern-mobile.jpg") no-repeat top 0px right -113px;
	}

	h1 {
		font-size:45px;
		line-height:45px;
		margin-bottom:30px;
	}

	h3 {
		font-size:30px;
		line-height:35px;
	}

	p {
		font-size:18px;
		line-height:26px;
	}

	blockquote {
		font-size:22px;
		line-height:28px;
		padding-left:0;
	}

	.byline {
		font-size:22px;
		line-height:26px;
	}

	.logo {
		width:230px;
	}

	.container {
		padding-left:18px;
		padding-right:18px;
	}

	header .container {
		padding-top:30px;
	}

	header .content {
		padding-left:18px;
		padding-right:18px;
	}

	#about-us .two-columns .col:nth-child(2) .content {
		border-left:0;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		padding:30px 25px 40px 0px;
	}

	#about-us .two-columns .col:nth-child(1) {
		padding-right:25px;
	}

	#home-accordion .container {
		padding-right:0;
	}

	#home-accordion ul li {
		padding-left:18px;
		padding-right:18px;
	}

	#home-accordion ul li h3 {
		padding-right:60px;
	}

	#how-were-different .content {
		padding-right:20px;
	}

	#how-were-different .two-columns .col:nth-child(2) .blockquote-content {
		border-left:0;
		border-top-left-radius:0;
		border-bottom-left-radius:0;
		padding:30px 20px 110px 0px;
	}

	#contact-us h3 {
		font-size:30px;
		line-height:35px;
	}

	#contact-us .container {
		padding-right:0;
	}

	#contact-us .two-columns .col:nth-child(1) {
		padding-left:18px;
		padding-right:18px;
	}
}