.bottom_subpages{
  text-align:center;
  margin:0 1.8%;
  margin-top:30px;
  .subpage_link{
    
    width:30%;
    margin:0 1.5%;
    margin-bottom:40px;
    
    display:inline-block;
    box-sizing:border-box;
  
    position:relative;
    .with_ratio{
      box-shadow:0 0 25px rgba(0,0,0,0.3);
    }
    h4{
      
      position:absolute;
      bottom:-30px;
      left:15px;
      right:15px;
      
      margin:0;
      padding:0.6em 10px;
      padding-bottom:0.8em;
      font-size:0.8em;
      min-height:3.2em;
      line-height:1.3em;
  
      text-align:center;
      color:black;
      background:white;
      
    }
  }
}


.large_thumb{
  
  display:inline-block;
  width:100%;
  margin:30px 15px;
  margin-bottom:-30px;
  

  box-sizing:border-box;
  padding:15px;
  position:relative;
  .with_ratio{
    box-shadow:0 0 40px rgba(0,0,0,0.3);
  }
  .desc{
    
    position:relative;
    top:-30px;
   
    
    margin:0 15px;
    padding:12px 10px;
    padding-bottom:0px;


    text-align:center;
    color:black;
    background:#F6F8F8;
    
    h3{
      margin-top:0;
      padding-top:0;
    }
    
  }
}


.small_thumb{
  display:inline-block;
  width:100%;
  margin:60px 15px;
  max-width:255px;
  box-sizing:border-box;
  padding:0px;
  position:relative;
  h4{
    img{
      display:block;
      margin:auto;
      height:77px;
    }
    position:absolute;
    color:white;
    left:0;
    right:0;
    margin:0;
    font-weight:900;
    font-size:1em;
    padding:0px;
    text-align:center;
  
    
  }
  
  .overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.2);
    
    
  }
  &:hover{
    .overlay{
    background:rgba(0,0,0,0.4);}
  }
}




.special_show{
  max-width:1300px;
  margin:auto;
  text-align:center;
  .span_6{
    padding:0 15px;
    text-align:center;
  }
  
  
  
}