.yellow-site .end-section h1 {
  color: #f6b913;
}

.blue-site .end-section h1 {
  color: #47adf0;
}

.green-site .end-section h1 {
  color: #8cc740;
}

.pink-site .end-section h1 {
  color: #ed008c;
}

.orange-site .end-section h1 {
  color: #F26121;
}

.other-site .end-section h1 {
  color: #8248df;
}

.end-section {
  background-color: #2e2e2e;
  padding: 5rem 0;
  color: white;
}
.end-section .container {
  display: grid;
}
.end-section .container a {
  margin: 0 auto;
  color: white;
  text-transform: none;
}
.end-section .container a p {
  display: none;
}
.end-section h1 {
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: uppercase;
  text-align: center;
  color: #f6b913;
  font-weight: normal;
}
.end-section i {
  align-self: center;
  font-size: 2rem;
}
.end-section i.mdi {
  margin: 0 0.5rem 0 1rem;
}

@media (min-width: 992px) {
  .end-section .container a p {
    display: block;
  }
}