hr {
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
span.err-error {
  text-transform: uppercase;
  font-size: 7rem;
  font-weight: 500;
  color: #0404ff;
  letter-spacing: 25px;
}
span.err-status {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  color: #CECECE;
  letter-spacing: 10px;
}
span.err-statuscode {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  color: #626262;
  letter-spacing: 10px;
}
span.err-junk {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  color: #CECECE;
  letter-spacing: 10px;
}
span.err-boxed {
  border: 2px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  font-family: 'Rajdhani';
  font-weight: 600;
  letter-spacing: 7px;
  padding: 0px 6px 0px 6px;
  margin: 0px 25px 0px 0px;
}
span.err-boxed.wht{
  color: #000;
  background-color:#CECECE;
}
span.err-boxed.red{
  border: 0px solid rgba(255, 255, 255, 0.1);
  color: #000;
  background-color:#0404ff;
  margin-left: -20px;
}
.err-container {
  margin: 20% 10% 0 20%;
  width: 70%;
  display: block;
  padding: 69px 0;
}
@media (min-width: 1024px) {
  .err-container {
    margin: 5% 50% 0 25%;
    width: 50%;
    display: block;
    padding: 69px 0;
  }
}
a.err-link {
  text-align: center;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  color: #0404ff;
  letter-spacing: 10px;
  text-decoration: none;
}
a.err-link:hover{
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  color: #e9cf0ae5;
  letter-spacing: 10px;
  text-decoration: line-through;
}

