.yellow-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #f6b913;
}

.blue-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #47adf0;
}

.green-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #8cc740;
}

.pink-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #ed008c;
}

.orange-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #F26121;
}

.other-site .material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0 -4px #2e2e2e, 9px 9px 0 0 #8248df;
}

.material {
  background-color: #2e2e2e;
  padding: 2.5rem 0;
  text-align: center;
  text-transform: uppercase;
  color: white;
}
.material .btn.btn-primary:hover {
  box-shadow: 9px 9px 0px -4px #2e2e2e, 9px 9px 0px 0px #f6b913;
}
.material h2 {
  padding-bottom: 1.5rem;
  margin-top: 0rem;
  font-weight: normal;
}

@media (min-width: 992px) {
  .material {
    padding: 7rem 0;
  }
  .material h2 {
    padding-bottom: 2rem;
  }
}