h3 {
    margin: 20px;
}

.bottom_space {
    margin-bottom: 50px;
}

.button_box {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width:767px) {
    .button_box { margin-bottom: 15px; }
}



.box-img img {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    width: 100%;
}

.box-img:hover .box-details {
    opacity: 1;
    margin-top: -80px;
}

.box-img:hover .box-overlay {
    opacity: 1;
}

.box-member,
.box-img {
    position: relative;
    overflow: hidden;
}
@media (max-width:991px) {
    .box-img { margin-bottom: 30px; }
}

.box-title {
    margin: 30px 0 7px;
}

.box-overlay {
    background-color: rgba(20, 20, 20, 0.7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.box-details {
    opacity: 0;
    position: absolute;
    top: 70%;
    left: 0;
    padding: 5%;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    transition: all 0.2s ease-in-out;
}

.box-details-2 {
    top: 60%;
}

.box-details h5 {
    color: #fff;
}