@media screen and (max-width:1080px) {
	#banners {
		height:500px;
	}
}

@media screen and (max-width:1000px) {
	#courses #course_list {
		width:92%;
	}
	
	#courses .course {
	    float: none;
	    margin-right: auto;
	    max-width: 450px;
	    margin-left: auto;
	    margin-bottom: 40px;
		width:92%;
	}
	
	#courses #course_list div.course:nth-last-child(2) {
		margin-right:auto;
	}
}

@media screen and (max-width:900px) {
	.page {
		width: 92%;
		max-width: 855px;
		padding-left: 4%;
		padding-right: 4%;
	}
	
	#banners {
		height:auto;
		padding-top:100px;
	}
	
	/* MENU */
	
	#menu #links {
		display:none;
	}
	
	#logo {
		display:inline-block;
		position:static;
	}
	
	#logo img.regular {
		display:none;
	}
	
	#logo img.mobile {
		display:block;
		height:80px;
		width:80px;
	}
	
	#logo a {
		margin-top: 10px;
		margin-bottom: 6px;
	}
	
	#menu #hamburger {
		display:block;
		position: absolute;
		margin-top: 38px;
		margin-left: 4%;
	}
	
	/* SERVICES */
	
	#offer_list {
		text-align:center;
	}
	
	#offer_list .offer {
		display:inline-block;
		float:none;
		vertical-align:top;
		margin-bottom:30px;
		margin-right:0px;
	}
	
	#offer_list #services-home.service,
	#offer_list #services-business.service {
		margin-right:20px;
	}
	
	#offer_list .mobile_separator {
		display:block;
	}
	
	/* CONTACT */
	
	#contact {
		padding-left:4%;
		padding-right:4%;
	}
	
	#contact div.input {
		height: 48px;
		margin-bottom:20px;
		width:49%;
	}
	
	#contact div.select {
		width:100%!important;
	}
	
	#contact form div.input input {
		width:80%;
	}
	
	#contact form div.textarea textarea {
		padding-top:10px;
		width:90%;
	}
	
	#contact form div.textarea img,
	#contact form div.input img {
		margin-top:10px;
	}
	
	/* FOOTER */
	
	#footer .corporate {
		height:auto;
		font-size:10px;
		padding-bottom:10px;
	}

	#footer .corporate a.logo {
		display:block;
		margin-bottom:10px;
	}
	
	/* BLOG */
	
	#posts .posts-container {
		text-align:center;
	}
	
	#posts .post.featured .image-container {
		height:auto;
		width:74%;
	}
	
	#posts .post.featured .image-container img {
		width:100%;
	}
	
	#posts .post.featured .play {
		position:absolute;
		left:50%;
		margin-left:-50px;
	    margin-top: 11%;
	}
	
	#posts .post.featured .image-container,
	#posts .post.featured .content {
		float: none;
		margin-left: auto;
		margin-right: auto;
		height:auto;
		width:auto;
		max-width: 506px;
	}
	
	#posts {
		margin-bottom:0px;
	}
}

@media screen and (max-width:750px) {
	
	/* ABOUT */
	
	#about_section {
		padding-top:0px;
	}
	
	#about {
		background-image:none;
		height:400px;
	}
	
	#about h1, #about p {
	    margin-left: auto;
	    margin-right: auto;
		text-align:center;
		width:auto;
		max-width:450px;
	}
	
	/* SUBSCRIPTION */
	
	#newsletter #mc_embed_signup .mc-field-group input[type="text"], 
	#newsletter #mc_embed_signup .mc-field-group input[type="email"] {
		display: block!important;
		width: 75%!important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}	
	
}

@media screen and (max-width:648px) {
	/* CONTACT */
	
	#contact form div.input input,
	#contact form div.input select {
		font-size:14px;
	}
	
	#contact form div.input input {
		width:70%;
	}
	
	#contact form div.textarea textarea {
		font-size:14px;
		width:86%;
	}
	
	#contact .red-button {
		font-size:20px;
		margin-bottom:40px;
		padding-left:30px;
		padding-right:30px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	#social img {
		width:58px!important;
	}
}

@media screen and (max-width:560px) {
	
	/* HEADER: Corporate */
	
	#header-corporate .left {
		float:none;
	}
	
	#header-corporate .left a:last-of-type {
		margin-right:0px;
	}
	
	#header-corporate .right {
		display:none;
	}
	
	/* HAMBURGER */
	
	#hamburger {
		height:24px;
		width:36px;
	}
	
	#hamburger span:nth-child(2), #hamburger span:nth-child(3) {
		top: 10px;
	}

	#hamburger span:nth-child(4) {
		top: 20px;
	}
	
	/* SUBSCRIPTION */
	
	#newsletter #mc_embed_signup .mc-field-group input[type="text"], 
	#newsletter #mc_embed_signup .mc-field-group input[type="email"] {
		width: 80%!important;
	}
	
}

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

	/* CONTACT */
	
	#contact form div.input input,
	#contact form div.input select {
		font-size:12px;
	}
	
	#contact form div.input input {
		padding-left:12px;
		width:70%;
	}
	
	#contact form div.textarea textarea {
		padding-left:12px;
		font-size:14px;
		width:85%;
	}
	
	#contact .red-button {
		font-size:20px;
		margin-bottom:40px;
		padding-left:30px;
		padding-right:30px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	#social img {
		width:58px!important;
	}
	
	#contact #social a {
		margin-right:15px;
	}
	
	/* MAP */
	
	#map {
		height:470px!important;
	}
}