/* Large Screens (Desktop) */

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

}

@media only screen and (max-width : 1290px) {
	.section {
		max-width: 990px;
	}

	#header #navigation ul li {
		margin-right: 37px;
	}
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#experienced {
		margin-bottom: 90px;
	}

	#features .feature {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .section {
		height: 100px;
	}
	
	#header .logo {
		width: 200px;
		top: 26px;
		margin-left: -100px;
	}

	#header #navigation {
		left: 15px;
		top: 39px;
	}

	#header #navigation ul li {
		font-size: 16px;
		margin-right: 20px;
	}
	
	#header .socials {
		top: 39px;
		right: 15px;
	}

	#header .logo {
		width: 166px;
		top: 8px;
		margin-left: -83px;
	}

	#header .socials li {
		font-size: 16px;
		margin-left: 28px;
	}

	#intro .overlay {
		padding-top: 86px;
	}

	#intro .overlay .text {
		font-size: 2.8vw;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.heading {
		font-size: 31px;
	}

	#we .text {
		font-size: 21px;
	}

	#we .text p {
		margin-bottom: 21px;
	}
	
	#experienced .text {
		margin-left: 0;
		padding-top: 15px;
		padding-right: 30px;
		padding-bottom: 30px;
	}

	#experienced .text .title {
		font-size: 40px;
	}
	
	#experienced .text .subtitle {
		font-size: 21px;
	}

	#features .feature {
		padding-top: 60px;
		padding-bottom: 20px;
	}

	#features .feature:after {
		border-width: 4px;
		width: 60px;
		height: 60px;
		margin-left: -30px;
		background-size: 30px;
	}

	#footer .logo {
		width: 220px;
		margin-left: -110px;
	}
	
}

/* Extra Small Screens */
@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}

	#header,
	body.scrolled #header {
		position: static;
		background: #000;
		border-top: 6px solid #28bb12;
		border-bottom: 4px solid #28bb12;
	}

	#header .section,
	body.scrolled  #header .section {
		height: auto;
		padding-top: 27px;
		padding-bottom: 20px;
	}

	#header #navigation {
		display: none;
	}

	#header .logo,
	body.scrolled #header .logo {
		position: static;
		display: block;
		width: 200px;
		margin: 0 auto 10px;
	}
	
	#intro {
		margin-top: 0;
	}

	#intro .overlay {
		padding-top: 20px;
	}

	#intro .overlay .text {
		font-size: 3vw;
	}

	#intro .overlay .text .bookBtn {
		font-size: 0.8em;
	}

	#header .socials,
	body.scrolled #header .socials {
		position: static;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	#header .socials li {
		float: none;
		margin: 0 10px;
	}

	#we {
		display: block;
	}

	#we .text {
		width: auto;
	}

	#we .text .inner {
		border-width: 3px;
		text-align: center;
		padding-top: 8vw;
	}

	#we .image {
		padding-bottom: 100%;
		width: auto;
	}

	#experienced {
		margin-bottom: 70px;
	}

	#experienced .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#experienced .text {
		border-width: 3px;
		padding-right: 3.263888888888889vw;
		padding-bottom: 3.263888888888889vw;
	}

	#features {
		padding-left: 15px;
		padding-right: 15px;
	}

	#features .feature {
		width: 50%;
		margin-bottom: 60px;
	}

	#features .feature .title,
	#features .feature .subtitle {
		text-align: center;
	}

	#footer .section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 40px;
	}

	#footer .logo {
		position: static;
		display: block;
		margin: 0 auto 30px;
		-webkit-box-ordinal-group: 1;
		    -ms-flex-order: 0;
		        order: 0;
	}

	#footer .contacts {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin-bottom: 10px;
	}

	#footer .contacts li {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}

	#footer .contacts li.location a {
		background-size: 17px;
		padding-left: 27px;
		background-position: left top;
	}

	#footer .contacts li.location a br {
		display: none;
	}

	#footer .links {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#footer .links li {
		margin: 0 8px;
	}

	#footer .copyright {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}

}

@media only screen and (max-width : 478px) { 
	#features .feature {
		width: 100%;
	}
}

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