/*--------------------------------------------------------*/

@media all and (max-width: 1100px) {
.banner-home .banner-text{
    width:90%;} 
    
.banner-home .wrapper{
    padding-bottom: 140px;}

.banner-home{
    padding-top:70px;}
    
.themes-wrapper{
    width:80%;}
    
/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 960px) {

#nav-trigger {
    position:absolute;
    display: block; }

#nav-main { 
    display: none; }

#nav-mobile { 
    display: block; }
    
.home-blocks li p {
    font-size:15px;}
    
.wrapper, .narrow-wrapper{
    width: 90%;}
    
.image-links-grid li {
    height: 140px;
    margin-top: 4vw;}
    
.themes-wrapper{
    width:90%;
    padding:40px 0;}
    
/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 820px) {
    
.banner-text h1{
    font-size: 32px;}
    
.banner-text{
    width:90%;}
    
.banner-home .wrapper{
    padding-bottom: 120px;}
    
.banner{
    padding-top: 70px;
    padding-bottom: 0px;}
    
.logo {
    width:120px;
    left:0;}
    
#nav-trigger {
    right:0; }
    
.home-blocks li p{
    padding:10px 8% 0px 8%;
    background: none;
    text-align: center;    
    width:90%;
    padding:10px 5% 0px 5%;}
    
.home-blocks{
    margin-bottom: 40px;}
    
.themes-wrapper{width:70%;}
    
.image-links-grid{
    width:100%;}

    
.image-links-list li span{
    width:40%;}
    
.image-links-list li div{
    width: 50%;}

.image-links-grid li{
    width:100%;
    margin-right:0;
    margin-top: 25px;}
    
.image-links-grid li h3{
    text-align: left;}
    
   
.logos {
    width: 80%;
    padding-bottom: 30px;}
    
.logos li{
    margin:0 5% 20px 5%;}
    
.logos li.uoe{width:20%;}
.logos li.kcl{width:20%;}
.logos li.ii{width:30%;}
.logos li.khp{width:60%;margin-bottom: 0;}
.logos li.erc{width:20%;margin-bottom: 0;}
    
.team li{
    padding:30px 0;}
    

    
.team .more{
    margin-bottom: 50px;}
    
a.about-showLink,  a.about-hideLink{
    bottom:30px;}
    
p.search{
    margin-top: 60px;
    width:100%;}

.search-box{
    float: left;width:100%;}
    
.search-box form{ left:0;}
    
.entry {
    padding-bottom:30px;
    margin-bottom: 40px;}
    
.events li img{
    width:100%;
    margin-bottom: 30px;}
    
.events li div {
    width: 100%;}
    
.events li p {
    margin-bottom: 10px;}


/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 780px) {
    
.wrapper, .logos, .narrow-wrapper{
    width: 90%; 
    padding:40px 0;}    

.three-col-wrapper{
    width: 100%;}

.three-col, .three-col.right, .two-thirds-left, .one-third-right, .two-thirds-right, .one-third-left{
    float: none;
    width:100%;
    margin-right: 0;}
    
.home-blocks .three-col-wrapper{
    width:101%;}
    
.home-blocks .three-col{
    float: left;
    width:31%;
    margin-right: 3%;}   
    
.home-blocks .three-col.right{
    margin-right: 0;}

    
ul.themes {
    border-top: 1px solid #fff;
    padding-top: 10px;}

ul.themes li{
    border-bottom: 1px solid #fff;
    padding-bottom: 10px}
    
p.home.link-arrow {
    display: none;}


.one-third-right{
    margin-top: 40px;}
    
.news li{ 
    margin-bottom: 20px;}
    
.news a{
    padding:4%;}
    
.banner{
    padding-bottom: 20px;}

    
.banner-home .wrapper{
    padding-bottom:140px;
    padding-top:30px;}
    
    
.footer .three-col{
    border-bottom: 1px solid #888;
    padding-bottom:20px;
    margin-bottom: 40px;}

.footer .right{
    border-bottom: none;
    padding-bottom:0px;
    margin-bottom: 0px;}
    
.wrapper{
    padding:40px 0;}


.narrow-wrapper{
   padding:40px 0;}
    
.logo {
    padding:40px 10px 10px 10px;}
    
.team li img{
    width: 30%;}
    
a.about-showLink, a.about-hideLink{
    left:35%;}    

.image-links-list li{
    margin-bottom: 30px;}
    
.image-links-list li span{
    width:100%;
    height: 400px;}
    
.image-links-list li div{
    width: 90%;
    padding: 430px 5% 30px 5%;}
    
.one-third-left ul{margin-bottom: 50px;}
    
    
/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 640px) {
    
/*--------------------------------------------------------*/

.home-blocks .three-col-wrapper{
    width: 100%;}

.home-blocks .three-col{
    float: none;
    width:100%;
    margin-right: 0;}


.home-blocks{
    margin: 0px 0 30px 0;}
    
.home-blocks li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;}

.banner-home .wrapper{
    padding-bottom: 40px;}
    
.home-blocks li p{
    padding: 20px 5% 10px 5%;
    font-size: 19px;}
    
.themes-wrapper{width:90%;}

/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/

@media all and (max-width: 580px) {
    
/*--------------------------------------------------------*/
    
    .double-image img{
    width: 100%;float:none;}

.team li img{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;}
    
a.about-showLink, a.about-hideLink{
    left:0;}
    
.team .more{
    margin-bottom: 30px;}
    
.team li {
    padding: 40px 0;}
    
.funder-text {
    float: none;
    width:100%;}
    
.funder img{
    float: none;
    width:25%;
    margin-bottom: 15px;}
    
.funder li{margin-bottom: 30px;}
    
        
.funder li.last{margin-bottom: 0px;}
  

/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/


@media all and (max-width: 480px) {
    
/*--------------------------------------------------------*/
    
.image-links-list li span{
    height: 300px;}
    
.image-links-list li div{
    padding-top: 330px;}
    
.image-links-grid li span{
    display: none;}
    

    
    .image-links-grid li {height: auto;}
    
    .image-links-grid li h3{width: 90%; padding-top: 30px; padding-bottom: 30px;}
    

/*--------------------------------------------------------*/
}
/*--------------------------------------------------------*/