/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* BODY */
html,
body{
  width:100%;
  overflow-x:hidden;
  background:#000;
  font-family:Arial, Helvetica, sans-serif;
}

/* LANDING CONTAINER */
.landing-page{
  position:relative;
  width:100%;
}

/* MAIN IMAGE */
.landing-image{
  width:100%;
  height:auto;
  display:block;
}

/* BOTTOM TEXT ON IMAGE */
.bottom-text{
  position:absolute;

  bottom:10px;
  left:50%;

  transform:translateX(-50%);

  width:100%;

  padding:0 8px;

  text-align:center;

  color:rgba(255,255,255,0.8);

  font-size:8px;
  letter-spacing:1px;
}

/* UNDER CONSTRUCTION STRIP */
.construction-banner{
  position:fixed;

  top:70px;
  left:-120px;

  width:420px;

  padding:10px 0;

  transform:rotate(-45deg);

  background:rgba(255,255,255,0.15);

  backdrop-filter:blur(4px);

  color:#ffffff;

  text-align:center;

  font-size:13px;
  font-weight:bold;

  letter-spacing:3px;

  border-top:1px solid rgba(255,255,255,0.3);
  border-bottom:1px solid rgba(255,255,255,0.3);

  z-index:999;
}

/* MOBILE RESPONSIVE */
@media (max-width:768px){

  .construction-banner{
    width:320px;

    left:-95px;
    top:60px;

    font-size:11px;

    padding:8px 0;
  }

  .bottom-text{
    font-size:2px;
    bottom:2px;
  }

}