body{
  background-color:#000;
  background-image:url("/assets/img/frontend/backgrounds/404-bg.jpg");
  background-size:cover;
  background-position:right top;
}

a,h2,span{font-family: 'Cabin', sans-serif;}

body .text-box{
  text-align:center;
  max-width:90%;
  width:650px;
  margin-top:80px;
  position:relative;
  left:10%;
}

body h1{
  font-family: 'woodfordbournepro', sans-serif;
  color:#FFF;
  font-size:120px;
  margin:0 0 25px;
  font-weight:400;
}
body h2{
  color:#FFF;
  font-size:27px;
  font-weight:400;
  -webkit-font-smoothing: antialiased;
}
body h2 span.font{
  font-family: 'woodfordbournepro', sans-serif;
  font-size:30px;
  color:#FFF;
  font-weight:400;
  -webkit-font-smoothing: antialiased;

}
body h2 span.smaller{
  font-size:20px;
  color:#FFF;
  font-weight:400;
-webkit-font-smoothing: antialiased;
}
body h2 a{
  color:#FFF;
}
body h2 a:hover{
  text-decoration: none;
}

a.btn{
  display:inline-block;
  border:2px solid #E1AC1C;
  background-color:rgba(255,255,255,0.2);
  min-width:215px;
  text-align:center;
  padding:10px;
  color:#FFF;
  text-decoration:none;
  margin-top:45px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.btn:hover{background-color:#E1AC1C;}

@media screen and (max-width: 1335px) {
  body{background-position:70% top;}
}
@media screen and (max-width: 915px) {
  body .text-box{left:3%;}
}
@media screen and (max-width: 785px) {
  body h2,body span{
    text-shadow: 2px 2px rgba(0,0,0,0.5);
  }
}