.portfolio {
  padding-bottom: 50px; }
  .portfolio .card-row {
    padding: 10px 15px 50px 15px; }
  .portfolio .card-wrapper {
    padding: 10px; }
  .portfolio .card {
    width: 100%;
    display: block;
    padding-bottom: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative; }
    .portfolio .card .caption {
      color: white;
      padding: 15px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(255, 0, 0, 0)); }
      .portfolio .card .caption h2 {
        margin: 0;
        color: white;
        margin-top: 5px; }
      .portfolio .card .caption h6 {
        margin: 0;
        color: white; }

@media (max-width: 767px) {
  .portfolio {
    padding-bottom: 0px; }
    .portfolio .card-row {
      margin: 0;
      padding: 25px 0 50px 0; }
    .portfolio .card-wrapper {
      padding: 0px; }
    .portfolio .card {
      padding-bottom: 215px; }
      .portfolio .card .caption {
        padding: 15px 25px; }
        .portfolio .card .caption h2 {
          margin-top: 0px; } }