.pfxt-thumbnail a {
  display: inline-block;
  position: relative;
  max-width: 370px; }
  .pfxt-thumbnail a img {
    msx-width: 100%; }
  .pfxt-thumbnail a .pfxt-overlay {
    position: absolute;
    top: 66%;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    transition: 0.2s;
    padding: 10px; }
  .pfxt-thumbnail a:hover .pfxt-overlay {
    top: 0; }
  .pfxt-thumbnail a .pfxt-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.2em; }

.pfxt-description {
  margin-top: 20px; }

.pfxt-column {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 25px; }

@media all and (max-width: 500px) {
  .pfxt-column {
    width: 100%; }
    .pfxt-column .pfxt-thumbnail {
      text-align: center; } }

@media all and (min-width: 501px) and (max-width: 991px) {
  .pfxt-column {
    width: 50%; } }

@media all and (min-width: 992px) {
  .pfxt-column {
    width: 33%; } }