.grid-facebook,
.grid-facebook-sizer {
  width: 23%;
  box-sizing: border-box;
  margin-bottom: 20px; }

@media only screen and (max-width: 767px) {
  .grid-facebook,
  .grid-facebook-sizer {
    width: 100%;
    box-sizing: border-box; } }
.grid-facebook-container {
  position: relative; }
  .grid-facebook-container .time {
    position: absolute;
    top: 10px;
    background-color: #607d8b;
    color: white;
    font-size: 11px;
    padding: 3px;
    line-height: normal;
    font-weight: bold; }
  .grid-facebook-container .desc {
    font-size: 12px;
    line-height: normal;
    text-align: center; }
  .grid-facebook-container figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
  .grid-facebook-container figure:hover img {
    opacity: .5; }

/*# sourceMappingURL=style.css.map */