@charset "utf-8";
/* CSS Document */

/*-------MEDIA QUERIES------*/

img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1300px) {
	
	.wrapper {
		width: 960px;
	}
	
	#header {
		height: 600px;
	}
	
	#content .top .cont p {
		margin-left: 100px;
	}
	
	.box {
		padding: 15px 20px;
		width: 255px;
	}
	
	#content .top .box {
		margin: 0 0px 0 5px;
	}
	
	#content .middle .cont p {
		margin-right: 100px;
	}
	
	#content .middle .box {
		margin: 0 5px 0 0;
	}
	
}

@media screen and (max-width: 1000px) {
	
	.wrapper {
		width: 730px;
	}
	
	#header {
		height: 500px;
	}
	
	#header .parallax {
		margin: -100px 0 0 -140px;
	}
	
	h1 {
		font-size: 44px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	#content .cont {
		width: 75%;
	}
	
	#content .top .badge {
		margin: -90px 0 0;
		left: 0;
		width: 180px;
	}
	
	#content .top .section_bg {
		width: 400px;
	}
	
	#content .bottom .top_cont {
		margin: 0;
		flex-direction: column;
	}
	
	.flexslider {
		margin: 0 auto;
	}
	
	#content .bottom .cont {
		padding: 40px 0 0;
		width: auto;
	}
	
	.jobs {
		flex-direction: column;
	}
	
	.jobs .listing {
		margin: 0 15px 30px;
		width: auto;
	}
	
}

@media screen and (max-width: 770px) {

	.wrapper {
		width: 460px;
	}
	
	#header {
		background-size: auto;
		text-align: center;
		height: auto;
		padding: 70px 0 50px;
	}
	
	#header .heading, #header .parallax {
		display: none;
	}
	
	h1 {
		font-size: 36px;
	}
	
	#content .top, #content .middle, #content .section_bg {
		height: 450px;
	}
	
	#content .section_bg svg {
		position: relative;
		bottom: 50px;
	}
	
	#content .cont {
		width: 90%;
	}
	
	#content .cont p {
		font-size: 14px;
		line-height: 1.8em;	
	}
	
	#content .top .badge {
		display: none;
	}
	
	#content .top .cont p {
		margin-left: 80px;
	}
	
	h3 {
		font-size: 28px;
	}
	
	.box {
		font: 14px/1em 'MetropolisMedium', Arial, sans-serif;
		width: 199px;
		padding: 10px 10px;
	}
	
	#content .box span {
		font: 20px/1.2em 'MetropolisBold', Arial, sans-serif;
	}
	
	.flexslider {
		width: 100%;
	}
	
	.flexslider .right {
		right: 25px;
	}
	
}

@media screen and (max-width: 510px) {
	
	.wrapper {
		width: 300px;
	}
	
	h3 {
		font-size: 22px;
	}
	
	#content .section_bg, #content .bg {
		display: none;
	}
	
	#content section.top, #content section.middle {
		height: auto;
	}
	
	#content .cont {
		width: auto;
		text-align: center;
		padding: 35px 0;
	}
	
	#content .top .cont p {
		margin: 0 0 20px;
	}
	
	#content .middle .cont p {
		margin: 0 0 20px;
	}
	
	#content .top .box, #content .middle .box {
		margin: 0 0 15px;
		width: auto;
		display: block;
	}
	
	.flexslider {
		height: 250px;
	}
	
	.flexslider .left, .flexslider .right {
		display: none;
	}
	
	.flexslider .center {
	    position: relative;
		margin: -30px auto 0;
		width: 50%;
		height: auto;
		left: 0;
	}
	
	#content .bottom .cont {
		padding: 20px 0 0;
	}
	
	#content .bottom h3 {
		margin: 0 0 20px;
	}
	
	#content .cont p {
		margin: 0 0 35px;
	}
	
	.jobs .listing p {
		font-size: 14px;
		line-height: 1.8em;
	}
	
	.jobs .listing h4 {
		font-size: 20px;
	}
	
	#content .jobs .listing h4 span {
		font-size: 16px;
	}
	
	html {
		-webkit-text-size-adjust: none;
	}

}