/* css goes here */

.banner {
  background: linear-gradient(90deg, #C62228 0%, #913B45 25%, #7E3D4B 50%, #3E354D 75%, #023865 100%);
}

#page-404-error .banner {
  background: linear-gradient(90deg, #C62228 0%, #4E304E 100%);
}

.banner .banner-content-container {
  display: flex;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
}

.banner .banner-title {
  max-width: 640px;
}

.banner h1,
.banner h2 {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  margin-left: 0;
}

.banner h1 {
  font-size: 72px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 90px;
}

#page-404-error .banner .banner-title h1 {
  font-size: 48px;
  line-height: 56px;
}

.banner h2 {
  font-size: 48px;
  font-weight: 300;
}

.banner .banner-image {
  display: flex;
  transform: translateX(120px);
}

.banner-footnote {
  font-family: "Zalando Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  margin: 10px 120px;
}

#page-404-error #master-container {
  padding-top: 0px;
}

.error-message {
  display: flex;
  flex-direction: column;
  /*gap: 48px;*/
  margin: 104px auto;
}

#page-404-error .section-header .cta-primary {
  max-width: 295px;
  font-family: 'Helvetica Neue', sans-serif;
  line-height: 23px;
  margin-top: 48px;
}

#page-404-error .banner .banner-content-container {
  width: 100%;
  max-width: 1200px;
  min-height: 287px;
}

#page-404-error .social-icon-wrapper a {
  height: 48px;
}

@media screen and (max-width: 1024px) {

  #page-404-error .banner {
    background: linear-gradient(90.04deg, #C72127 0.04%, #B1242E 45.24%, #013865 139.13%);
  }

  #page-404-error .banner .banner-content-container {
    width: 90%;
    max-width: unset;
    min-height: unset;
    height: 112px;
    margin-top: 78px;
  }

  #page-404-error .banner .banner-title h1 {
    font-size: 36px;
    line-height: 48px;
  }

  #page-404-error .section-header h2 {
    font-size: 26px;
    line-height: 35px;
    padding-top: 8px;
  }

  #page-404-error .error-message {
    margin: 40px auto;
    /*gap: 24px;*/
    ;
  }

  #page-404-error .cta-primary {
    max-width: 100%;
    margin-top: 24px;
  }

  #page-404-error #master-container {
    padding-bottom: 0px;
  }

  #page-404-error .cta-primary {
    max-width: 295px;
    width: 100%;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1365px) {
  #page-404-error .banner .banner-content-container {
    max-width: 90%;
  }
}