@media screen and (max-width: 966px) {
	section {margin: 0 20px;}
	
}

@media screen and (max-width: 959px) {
	
	
	.wrapper {width: 100%; margin: 0 auto;}
	
	
	
	.projects ul li {width: 50%; float: left;}
.projects ul li:nth-child(3n+1) {clear: none;}
.projects ul li:nth-child(2n+1) {clear: both;}

.project-sector {padding: 0 20px;}

.contact-section-1 {margin: 0 20px 20px 20px;}
.contact-section-2 { margin: 0 20px 20px 20px;}
.contactform { margin: 0 10px 10px 10px;}	


	
}

@media screen and (max-width: 768px) {
header {background-color: rgba(149,177,189,1); padding: 50px 0 10px 0;}
nav {float: none; text-align: center; width: 100%; padding: 0; box-sizing:border-box;}
.main-nav ul {display: none;}
.menu-toggle {display: block; width: 100%; height: 50px; background-color: #666463; position: absolute; top: 0; left: 0;}
.menu-toggle:hover {cursor: pointer;}
.menu-toggle:before {
	content: "\f0c9"; 
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	display: block;
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 9px;
	left: 50%;
	margin-left: -15px;
}

.expand .menu-toggle:before {
	content: "\f00d"; 
	
}

.main-nav.expand {float: none; width: 100%; display: block;}
.main-nav.expand ul {display: block; position: absolute; width: 100%; top: 50px; left: 0; background-color: #333; z-index: 100;   -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5);}
nav .main-nav.expand ul li {display: block; margin-left: 0; width: 100%; text-align: center; padding: 0; float: none;}
nav .main-nav.expand ul li a {padding: 10px 0;}
nav .main-nav.expand ul li ul {position: static; -webkit-box-shadow: none; moz-box-shadow: none; box-shadow: none;}
nav .main-nav.expand ul li ul li {display: block; background-color: #000;}
.main-nav li a {font-size: 1.6rem; line-height: 2rem; border-bottom: solid 1px  #666463; width: 100%; padding: 15px 0; }

.logo {width: 25%;}
.contacts {width: 50%; text-align: center;}
.riba-logo {width: 25%;}



footer .column {width: 50%; float: left;  padding: 20px; box-sizing:border-box; font-size: 1.3rem; line-height: 2rem;}
footer .column:nth-of-type(3) {clear: both;}
footer .column:nth-of-type(3) {padding: 20px;}
footer .column:nth-of-type(4) img {width: 40%; height: auto;}

.team ul li {width: 48%;  margin-left: 4%;}
.team ul li:nth-child(3n+1) {margin-left: 4%; clear: none; }
.team ul li:nth-child(2n+1) {margin-left: 0; clear: both; }
}

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

.project-sector-list li div {padding: 20px 20px 20px 20px;}

.project-sector-list li.project-panel {
 
    margin-left: 0;
    width: 100%;
}


.factsheet-download {width: 50px; background-image:url(../images/projects/pdf-icon.png); background-repeat: no-repeat; background-size: 50px; padding-top: 60px; text-align: center; display: block; position: static; bottom: 20px; right: 20px; margin-top: 20px; }

.contact-section-2 ul li {width: 49%; display: block;}
.contact-section-2 ul li:nth-of-type(3) {width: 100%; margin-left: 0; margin-top: 20px;}
}

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

.contact-section-1 ul li {width: 49%; display: block; float: left; margin-left: 0;}
.contact-section-1 ul li:nth-of-type(2), .contact-section-1 ul li:nth-of-type(3), .contact-section-1 ul li:nth-of-type(4) {float: right; clear:right; width: 33%; margin-bottom: 10px;}

}

@media screen and (max-width: 500px) {
	header { display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;}
  
.view-mobile {display: block; width: 100%; clear: both;}

.logo {display: none;}
.contacts {display: none;}
.riba-logo {display: none;}

nav {width: 100%; height: 0; position: absolute; top: 0; left: 0;}
.logo-mobile {width: 50%; padding: 10px; float: left; box-sizing: border-box;}
.contacts-mobile {width: 100%; text-align: center; clear: both;  font-size: 1.5rem; line-height: 1.8rem; color: #fff; padding-top: 20px;}
.contacts-mobile a { color: #fff;}
.riba-logo-mobile {width: 50%; padding: 10px; float: left; box-sizing: border-box; text-align: right;}

.logo-mobile img {width: 90%; height: auto;}
.riba-logo-mobile img {width: 70%; height: auto;}
 footer .column:nth-of-type(4) img {width: 60%; height: auto;}
 
 .team ul li {width: 100%; margin-left:0; }
.team ul li:nth-child(3n+1) {margin-left: 0; clear: none; }
.team ul li:nth-child(2n+1) {margin-left: 0; clear: both; }


  
	
}

@media screen and (max-width: 414px) {
.contact-section-1 ul li {width: 100%; display: block; float: left; margin-left: 0;}
.contact-section-1 ul li:nth-of-type(2), .contact-section-1 ul li:nth-of-type(3), .contact-section-1 ul li:nth-of-type(4) {float: right; clear:right; width: 100%; margin-bottom: 10px;}
.contact-section-2 ul li {width: 100%; display: block;}
.contact-section-2 ul li:nth-of-type(3) {width: 100%; margin-left: 0; margin-top: 20px;}
}