/*-- Media Queries --*/

#mobile {
	display:none;
}


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

	#logo {
		left:40px;
	}

	nav .button {
		right:40px;
	}

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

	#logo-footer-icon {
		right:40px;
	}

	.two-columns {
		column-gap:120px;
	}

	#leadership .two-columns .col:nth-child(1) {
		padding-left:25px;
	}

	#why-were-here .content {
		max-height:none;
	}
}


@media (max-width: 1400px) {
	#logo {
		left:20px;
	}

	nav .button {
		right:20px;
	}

	.container {
		padding:120px 20px;
	}

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

	.two-columns {
		grid-template-columns:600px 1fr;
		column-gap:100px;
	}

	#logo-footer-icon {
		right:20px;
	}
}

@media (max-width: 1300px) {
	.two-columns {
		grid-template-columns:1fr;
		row-gap:80px;
	}

	.photo {
		width:800px;
		margin:0;
	}

	footer .two-columns {
  		grid-template-columns:repeat(2, 1fr);
  	}

}

@media (max-width: 1200px) {
	h1 {
		font-size:80px;
		line-height:80px;
	}

	br {
		display:none;
	}

	header {
		height:650px;
	}


	#why-were-here .content {
		width:100%;
	}

	#blockStructure .two-columns {
		grid-template-columns:1fr;
	}

	#blockStructure h2 {
		font-size:70px;
		line-height:70px;
	}

	#blockStructure h2 br {
		display:none;
	}

	#contact-us br,
	footer br {
		display:block;
	}
}


@media (max-width: 1000px) {
	#intro .content {
		width:100%;
	}

	.photo {
		width:100%;
	}
}


@media (max-width: 850px) {
	h1 {
		font-size:70px;
		line-height:70px;
	}



	h5 {
		font-size:30px;
		line-height:30px;
	}

	blockquote {
		font-size:60px;
		line-height:60px;
	}

	.button,
	.button-outlined {
		font-size:16px;
		line-height:16px;
		padding:12px 20px;
	}

	nav {
		height:100px;
	}

	#logo {
		width:300px;
	}

	header {
		background:url("../images/header-photo.jpg") no-repeat right 0 center / cover;
	}

	#intro .container {
		padding-top:120px;
	}

	#why-were-here .content {
		padding:50px 30px;
	}

	#contact-us .content {
		width:100%;
	}

	#logo-footer-icon {
		width:70px;
		top:165px;
	}
}


@media (max-width: 700px) {
	header {
		background:url("../images/header-photo.jpg") no-repeat right -100px center / cover;
	}
}


@media (max-width: 550px) {
	h2 {
		font-size:45px;
		line-height:50px;
	}

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

	#intro p {
		font-size:30px;
		line-height:35px;
	}

	#how-it-works h3 {
		font-size:35px;
		line-height:40px;
	}

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


@media (max-width: 500px) {
	h1 {
		font-size:60px;
		line-height:60px;
	}

	#logo {
		width:265px;
	}

	nav {
		position:relative;
		z-index:2;
	}

	nav .button {
		top:120px;
		transform:none;
	}

	#why-were-here .container {
		padding-left:10px;
		padding-right:10px;
	}

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

	#contact-us .content {
		background:#eef6ed;
		padding:50px 20px;
	}

	footer .two-columns {
        grid-template-columns:1fr;
        row-gap:0;
    }

    footer .two-columns .col:nth-child(2) {
    	text-align:left;
    }

    footer .two-columns p {
    	line-height:18px;
    }
}



@media (max-width: 450px) {
	h1 {
		font-size:50px;
		line-height:50px;
	}

	

	#why-were-here .content {
		padding:50px 20px;
	}

	#why-were-here h2 {
		font-size:45px;
		line-height:45px;
	}

	#leadership .two-columns .col:nth-child(1) {
		padding-left:15px;
	}

	blockquote {
		font-size:50px;
		line-height:50px;
	}

	#contact-us .content {
		text-align:left;
		padding:25px 20px;
	}

	#contact-us h3 br {
		display:none;
	}

	#logo-footer-icon {
		left:20px;
		right:auto;
		top:90px;
	}
}

@media (max-width: 350px) {
	h1 {
		font-size:45px;
		line-height:45px;
	}

	.line-break {
		display:none;
	}

	header h4 .line, header h4 .line-inner{
		display:inline;
	}
}