@media (min-width: 1200px) {
  .card .header {
    height: 265px;
  }
  .card[data-background="color"] .header {
    height: 230px;
  }

  .col-md-3 .card .header,
  .col-sm-3 .card .header,
  .col-xs-3 .card .header,
  .col-lg-3 .card .header {
    height: 185px;
  }
}
/*          Changes for small display      */
@media (max-width: 767px) {
  .navbar-transparent {
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.45);
  }

  body {
    position: relative;
  }

  .social-line .btn {
    margin: 0 0 10px 0;
  }

  .card .header .social-line .btn {
    margin: 0;
  }
}