#navigation-bar{
  display: none;
}

.error-page {
  font-size: 15px;
  line-height: 17px;
  overflow: hidden;
}

#error-title{
  color: #ffffff;
  font-family: "Salesforce Sans",Arial,sans-serif;
  font-weight: bold;
  font-size: 10.2rem;
  line-height: 8.2rem;
}
#error-subtitle{
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  text-transform: uppercase;
  margin: 30px 0 20px 0;
}

#astro {
  background-image: url("/resource/images/astro.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: 220px;
  height: 300px;
  position: absolute;
  left: 70%;
  width: 250px;
  animation: rot 10s infinite linear;
  -webkit-animation: rot 10s infinite linear;
}

#astro-de-signup {
  background-image: url("/resource/images/astro.png");
  background-repeat: no-repeat;
  background-size: contain;
  top: 330px;
  height: 300px;
  position: absolute;
  left: 70%;
  width: 250px;
  animation: rot 10s infinite linear;
  -webkit-animation: rot 10s infinite linear;
}

#error-description {
  max-width: 334px;
  display: block;
  margin-left: auto;
  margin: 0 auto;
  padding-top: 60px;
  position: relative;
  left: inherit;
  top: inherit;
  height: inherit;
}

.error-content {
  background: url("/resource/images/background.png") no-repeat center center scroll;
  background-size: cover;
  position: relative;
  min-height: 700px;
  text-align: center;
  padding: 0 20px;
}

#error-description-de-signup {
  display: block;
  position: relative;
  padding-top: 95px;
}
#error-description-de-signup #error-title {
  font-size: 47px;
  font-weight: 400;
  line-height: 50px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
#error-description-de-signup #note{
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  word-wrap: break-word;
}
.return-button {
  background: #ffffff;
  border-radius: 4px;
  border-style: none;
  text-align: center;
  width: 280px;
  padding: 20px 0 16px 0;
  font-family: Helvetica,Arial;
  color: #069cd3;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}
.return-button-de-signup{
  background: #ffffff;
  margin: 30px 0 0;
  border-radius: 4px;
  border-style: none;
  text-align: center;
  font-family: Helvetica,Arial;
  padding: 20px 14px 16px 14px;
  color: #069cd3;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.return-button:hover,
.return-button:focus,
.return-button-de-signup:hover,
.return-button-de-signup:focus {
  background-color: #e0e0e0;
  vertical-align: unset;
  background-position: 0 0;
  color: #069cd3;
}

.error-page p {
  color: #ffffff;
  margin: 0 0 20px 0;
}

.error-content a {
  text-transform: uppercase;
}
#help-link {
  margin: 11px 0px 0px 0px;
  font-size: 19px;
  color: #069cd3;
  text-transform: uppercase;
  cursor: pointer;
}

@keyframes rot {
  from {
    transform: rotate(0deg) translate(-50px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(-50px) rotate(-360deg);
  }
}
@-webkit-keyframes rot {
  from {
    -webkit-transform: rotate(0deg) translate(-50px) rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg) translate(-50px) rotate(-360deg);
  }
}
footer {
  margin-top: 0;
}
@media(max-width: 1240px){
  #astro-de-signup{
    top: 350px;
    left: 73%;
  }
}
@media( max-width: 1024px ){
  #astro, #astro-de-signup{
    display: none;
  }
  .error-content{
    min-height: auto;
    padding-bottom: 100px;
  }
}
@media(max-width: 400px){
  #error-title, #error-description-de-signup #error-title{
    font-size: 90px;
    line-height: 33px;
  }

  .error-page p, #error-description-de-signup #note {
    font-size: 16px;
    line-height: 28px;
  }
  .return-button, .return-button-de-signup{
    font-size: 20px;
    line-height: 26px;
    padding: 15px 14px 14px 14px;
  }
}