/* Tablets Mobile ----------------------*/
@media only screen and (max-width: 767px) {
	
/* Global
------------------------------------------------------------------------------*/	
	
div.container {
  padding-right: 25px;
  padding-left: 25px;
  min-width: 100%
}	


	
/* Header
------------------------------------------------------------------------------*/
.header-logo {
	position: static;
}

.header-links ul {
	margin-top: 30px;
	margin-bottom: 20px;
}

#navigation1 {
	margin-top: -42px;
}

header {
	padding-bottom: 15px;
}


/* Home Sections
-----------------------------------------------*/	
	
.section-container .col-lg-4 {
margin-top: 30px;	
}

.section-container .col-lg-4:first-of-type {
margin-top: 0px;	
}

.section-container img  {
width: 100%;
height: auto;
}

/*Banners
-----------------------------------------------*/	

.banner h1 {
	font-size: 22px;
	line-height: 25px;

}

/*Projects
-----------------------------------------------*/	

.projets-img, .projets-content {
	display: block;
	width: 100%;
}


/*Research
-----------------------------------------------*/	

.research-content {
    display: block;
	width: 100%;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;

}


.research-img {
	display: block;
	width: 100%;

}

.research-content a.morelink {
	left: 0px;
	position: static;
}

/*
.research-content a.find-out-more {
	position: static;
}*/




/*Footer
-----------------------------------------------*/	

.footer ul li:before {
   content: "|";
   display: none;
}

footer li {
	float: none;
	padding-left: 0px;
	padding-bottom: 4px;
}

footer p {
	max-width: 365px;
	float: none;
	padding-right: 0px;
}

footer p:first-of-type {
	margin-top: 15px;
}


}

@media only screen and (min-width: 568px) and (max-width: 1000px) {
/* Home Banner
-----------------------------------------------*/
.banner-home .centre-img  {
	max-width: 331px;
}

	
}





/* Tablets Desktop -------------------*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
	
div.nav-toggle {
	margin-top: -6px;
}	
	
/* Header
-------------------------------------------------*/	
	
header {
	padding-bottom: 20px;
}	
	
	
/* Home Sections
-----------------------------------------------*/	
	
.sections {
float: left;
width: 50%;
min-height: 218px;
}

.section-container .col-lg-4 {
margin-top: 30px;	
}

.section-container .col-lg-4:first-of-type {
margin-top: 0px;	
}

.section-container img  {
float: left;
width: 50%;
height: auto;
}

.sections-wrapper  {
	background-color: #f1f1f1;
	float: left;
}


/*Projects
-----------------------------------------------*/	

.projets-img, .projets-content {
	display: block;
	width: 100%;
}

/*Research/History
-----------------------------------------------*/	

.research-content {
    display: block;
	width: 100%;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 70px;
	padding-left: 0px;

}


.research-img {
	display: block;
	width: 100%;

}

.research-content a.morelink {
	left: 0px;
}


/*Footer
-----------------------------------------------*/	

.footer ul li:before {
   content: "|";
   display: none;
}

footer li {
	float: none;
	padding-left: 0px;
	padding-bottom: 4px;
}

footer p {
	padding-right: 0px;
}



}



/* Desktop ------------------------ */

@media only screen and (min-width: 990px) and (max-width: 1199px) {


	
/* Website section styles and colours plus Banner
=================================================================================*/


/* Home 
-----------------------------------------------*/
.header-logo {
	margin-left: 8px;
}


}
	



/* Desktop ------------------------ */

@media (min-width: 1200px) {




/* home page -----------------------------------------*/


.section-info-lt {
left: 40px;	
}

.sections {
	padding-top: 34px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
}

.footer-banner h3 {
	padding: 40px;
	max-width: 530px;
}

.footer-banner a.find-out-more {
	left: 40px;
}



}