.com_special_proposition { text-align: center; }
.com_special_proposition .item {
  position: relative; display: inline-block; width: 30%; margin: 0 0 4px 0; padding: 10px; vertical-align: top;
  text-align: left; background-color: #663333;
}
.com_special_proposition .item img { width: 100%; vertical-align: middle; }
.com_special_proposition .item .caption { margin-top: 10px; font-size: 20px; text-align: center; color: #fff; }

.com_special_proposition a { text-decoration: none; }
.com_special_proposition a.item .image:after { 
  content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: -1px; 
  background-color: #ffffff; opacity: 0; transition-duration: .8s;
}
.com_special_proposition a.item:hover .image:after { opacity: 0.7; }

@media screen and (max-width: 900px) {
  .com_special_proposition .item { width: 46%; }
}

@media screen and (max-width: 700px) {
  .com_special_proposition .item { width: 90%; }
}

@media screen and (max-width: 600px) {
  .com_special_proposition .item .caption { font-size: 17px; }
}