#main_404 {
  background-color: #1e0040;
  background-image: url(../images/mobile_wave_3.png);
  background-repeat: no-repeat;
  background-size: contain;

  color: white;

}

#main_404 h1 {
  line-height: 1.1;
}

#main_404 h1 > * {
  display: block;
  font-weight: bolder;
}

#main_404 h1 > span {
  font-size: .8em;
}

#main_404 h1 > span:first-child {
  font-size: 1.8em;
}


#main_404 a.cta {
  font-weight: 600;
  border-radius: 20px;
  display: inline-block;
  padding: 10px 40px;
  font-size: .9em;
}

#main_404 img {
  width: 75%;
  max-width: 280px;
}

@media (min-width: 768px) {
  #main_404 {
    background-image: none;
    background: #2a094e;
  }

  #main_404 h1 > span {
    font-size: 1.2em;
  }

  #main_404 h1 > span:first-child {
    font-size: 2.8em;
  }

  #main_404 p {
    font-size: 1.2em;
  }

}