.label_front {
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: auto;
    position: relative;
    text-align: center;
    text-decoration: none;
   
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    /* background-color: #008CBA; */
    color: #fff;
}

.banner .label_front {
   /* color: #d21d1d;*/
    position: absolute;
    text-align: center;
    left: 0;
    top: 50%;
    margin-top: -38px;
    right: 0;
    text-transform: uppercase;
    text-shadow: 2px 2px 8px #fff;
    position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 10px;
  text-align: center;



}

.banner:hover .label_front {
  opacity: 1;
}

.banner .label_front .title {
    font-size: 30px;
    margin-bottom: 14px;
    text-transform: uppercase;

}

.banner .label_front .price span {
    display: block;
    font-size: 24px;
    padding-top: 3px;
}