html {
    overflow-y: scroll;
}

.item {
    position: relative;
    line-height: 1em;
}




@media screen and (max-width: 1224px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 33.33%; }
  .item { width: 33.33%; }
}

@media screen and (max-width: 720px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 50%; }
  .item { width: 50%; }
}

@media screen and (max-width: 480px) {
  /* 10 columns for larger screens */
  .grid-sizer { width: 100%; }
  .item { width: 100%; }
}

.image{
    max-width: 100%;
    margin: 0;
    display: block;
}

.image:after {
    clear:both;
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    display: none;
}

.overlay .title {
  color:#fff;
  font-weight:700;
    text-align: center;
    font-size: 25px;
    padding-top:1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid #878a8f;
}

.overlay .description {
   
   color:#fff;
    left: 0;
    width: 100%;
    margin: 0;
}

.overlay .description p {
    margin: 20px;
    font-weight:400;
}
.overlay .buttn {
  text-align:center;
    position: absolute;
   color:#fff;
    left: 0;
    width: 100%;
    margin: 0;
    bottom:1.5rem;
}
.overlay .buttn a{ background-color:transparent; padding:.5rem 1.5rem; border:2px solid #fff; text-decoration: none; color:#fff; }
.overlay .buttn a:hover{background-color:#00bff3; border-color:#00bff3;}

.item:hover .overlay {
    display: block;
}