.footer {
  padding: 60px 0 40px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(73, 169, 255, 0.2)), to(rgba(252, 124, 217, 0.2)));
  background-image: -o-linear-gradient(left, rgba(73, 169, 255, 0.2) 0%, rgba(252, 124, 217, 0.2) 100%);
  background-image: linear-gradient(90deg, rgba(73, 169, 255, 0.2) 0%, rgba(252, 124, 217, 0.2) 100%);
  text-align: center;
  margin-top: auto;
}

@media (max-width <= 576px) {
  .footer {
    padding-top: 40px;
  }
}