.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  /*background-color: #fff;*/
  background:none!important;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 5rem;
  padding-bottom: 4rem;
}

footer p {
  margin-bottom: .25rem;
}

/**/

body{
  background:#242424;
  position:relative;
}

.card{
  background:none!important;
  border:none!important;
  position:relative;
  height:180px;
}

@media (max-width: 575.98px){
  .card{
    padding-left:2em;
    padding-right:2em;
    height:120px;
  }
  .mobile-gap{
    margin-top:4.5em;
  }
}

.card a{
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  z-index:5;
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px;
}

.card img{
  z-index:3;
  position: relative;
  filter: grayscale(100%);
  transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear
}

@media (min-width:769px) {

}
.card img{
  top: 50%;
  transform: translateY(-50%);
}

.card:hover img{
  filter: grayscale(0%);
}

.footer-decor{
  background:url(image/footer-decor.png) no-repeat top right;
  width:500px;
  height:500px;
  position:absolute;
  bottom:0;
  right:0;
  background-size:contain!important;
}

@media (max-width:769px) {
  .footer-decor{
    width:50vw;
    height:200px;
  }
}

h5{
  color:#fff;
}