@media screen and (max-width: 1200px) {
	ul {
		padding-left: 2%;
	}
}

@media screen and (max-width: 1140px) {
	.slides h2 {
		font-size: 4em;
	}
	#services span:before, #services span:after {
  		width: 20%;
	}
	#references span:before, #references h3 span:after {
		width:75%;
	}
}

@media screen and (max-width: 1140px) {
#references .left{
		width:60%;
	}
}

@media screen and (max-width: 930px) {
	body{
		font-size: 1.3rem;
	}
	.slides h2 {
		font-size: 4em;
	}
	#slide1, #slide2, #slide3 {
	    width: 80%;
	    left:10%;
	    top:10%;
	}
	#slide1, #slide3 {
		top:45%;
	}
	.flex-control-nav {
    	bottom: 10px;
	}
	h2 {
	    margin: 1em auto 1em auto;
	}
	h1 img {
	    width: 55%;
	    margin: 2% auto;
	}
	h1 {
		margin-right:-50px;
	}
	.links {
    	padding-right: .4em;
	}

}
@media screen and (max-width: 767px) {
	.flex-direction-nav{
		display:none;
	}
	p, #services ul{
		font-size: 1.3em;
	}
	#aboutSection .left{
		display:none;
	}
	#aboutSection .right{
		width:100%;
		text-align: center;
	}
	#mobilePic{
		display:block;
		border: 1px solid #6e7f81;
	    transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	    width: 40%;
	    height: auto;
	    margin-left: 30%;
	    margin-top: 15%;
	    margin-bottom: 15%;
	}
	.matleave{
		display: block;
	}
	#references{
		background-image: none;
		background-color: #6D7C7F;
	}
	#references .left{
		width:100%;
	}
	#references .right{
		display:none;
	}
	#references h3 {
		margin: 1em auto 1em auto;;
	}
	#services .left{
		display: none;
	}
	#services .right{
		width:100%;
		display: block;
		text-align: center;
	}
	form{
		width:100%;
	}
	#first, #second{
		width:100%;
	}
	#first{
		margin-bottom: 2em;
	}
	#firstfieldset {
    	margin-bottom: 2em;
	}
	nav{
		display: block;
    	font-size: 0.6em;
	}
	nav h1{
		width:100%;
		padding:5px 0;
	}
	#mobilemenu { 
		display:inline-block;
		font-size: 6em;
		padding-left:.5em;
	}
	nav ul li {
		display: block;
		padding:0.5em 0;
		font-size: 1.5em;
	}
	nav{
		padding-bottom:1em;
		background:#fff;
	}
	h1 img{
		display:inline-block;
		float:right;
		margin-right:10%;
		width:45%;
		margin-top:0;
		margin-bottom:0;
	}
	nav ul{
		display:none;
		text-align: center;
	}
}
@media screen and (max-width: 700px) {
	h1 img {
	    margin-top: .5em;
	    margin-bottom: .5em;
	    width:50%;
	}
	#mobilemenu { 
		margin-right:10%;
	}
	nav {
		padding-bottom:0;
	}
	nav h1{
		padding:0;
	}
	#slide1, #slide2, #slide3{
		top:10%;
	}

}	
@media screen and (max-width: 500px) {
	.slides h2 {
		font-size: 2.5em;
		line-height: 1.2em;
		width:100%;
	}
	
	#mobilemenu {
	    font-size: 4em;
	}
	h1 img {
	    width:50%;
	}
	h2 span:before, h2 span:after, h3 span:before, h3 span:after{
		display:none;
	}
}	
@media screen and (max-width: 440px) {
	#footerlogo img {
    width: 150px;
    height: auto;
    margin-right: 10px;
	}
	fieldset #third {
		width:80%;
	}
	.slides h2 {
		display:none;
	}
}