/* Forefront background */

.background {
  background-color: rgba(16, 8, 8, 1);
  background-image: 
    linear-gradient(to bottom, rgba(32, 0, 0, 0.5) 0px, rgba(72, 0, 0, 0.66) 300px, rgba(16, 0, 0, 1) 1500px, rgba(32, 0, 0, 1) 100%),
    url('/assets/images/forefront-background-fade.png');
  background-position: 50% 100%, 50% 0;
  background-repeat: no-repeat, no-repeat;
  align-self: start;
  min-height: calc(100vh - var(--footer-height));
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 80px;
  margin: 0;
}

@media screen and (max-width: 800px) {
  .background {
    padding-left: 20px;
    padding-right: 20px;
  }
}