span{
  font-family: 'Montserrat', sans-serif;
}
.page_container {
  display: block;
  position: relative;
  margin: 5% auto;
  width: 650px;
}
.thumbnail-container {
  width: 100%;
  padding-top: 5px;
}
.thumbnail{
  width:32%;
  float:left;
  padding-right: 2.33px;
    padding-bottom: 2.33px;  
}
.thumbnail img{
  width:100%;
  height:auto;
}
.vid-hover{
  overflow:hidden;
}
.vid-hover figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.vid-hover figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: .4;
  cursor:pointer;
}
figure {
  height:187px;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}
.title {
  position:absolute;
  left: 0;
  bottom:-30px;
  z-index: -1;
  display: inline-block;
  width: 300px;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 1;
}
figure:hover+.pos .title {
  bottom: 75px;
  opacity: 1;
  z-index: 1;
}
.pos{
  position:relative;
}