body {background:url(../images/404_bg.jpg)#F49017 top center no-repeat;}
#page404 img {
  display: block;
  width: 100%;
}
.page404 {
  position: relative;
  /*max-width: 600px;*/
  width:100%;
  margin: 0 auto;
  /*padding: 5%;*/
  overflow:hidden;
  min-height:90vh;
}
.scene {
  padding: 0;
  margin: 0;
}
.fill {
  position: absolute;
  bottom: 5%;
  right: 5%;
  left: 5%;
  top: 5%;
}
.expand-width {width: 100%;}
.border {border: 2px dashed #00FFAA;}
.aspect {opacity: 0.2;}
.layer:nth-child(1) {opacity: 0.15;}
.layer:nth-child(1) button {-webkit-transform: rotate(150deg);}
.layer:nth-child(2) {opacity: 0.30;}
.layer:nth-child(2) button {-webkit-transform: rotate(120deg);}
.layer:nth-child(3) {opacity: 0.45;}
.layer:nth-child(3) button { -webkit-transform: rotate(90deg);}
.layer:nth-child(4) {opacity: 0.60;}
.layer:nth-child(4) button {-webkit-transform: rotate(60deg);}
.layer:nth-child(5) {opacity: 0.75;}
.layer:nth-child(5) button {-webkit-transform: rotate(30deg);}
.layer:nth-child(6) {opacity: 0.90;}
.layer:nth-child(6) button {}
/*
================================================================== QUERIES !!!
*/
@media (max-width: 1200px){
img {width:initial;}
ul#scene{width:1920px;height:1200px;display:block;left:calc(50% - 960px);}
}
@media (max-width: 768px){
img {width:100%;height:auto;}
ul#scene{width:1440px;height:900px;display:block;left:calc(50% - 720px);}
}
@media (max-width: 520px){
ul#scene{width:1170px;height:650px;display:block;left:calc(50% - 585px);}
}
@media (max-width: 440px){
ul#scene{width:960px;height:650px;display:block;left:calc(50% - 480px);}
.page404 {position:relative;width:100%;min-height:70vh;}
}