/********************************/
/*         OFFLINE PAGE         */
/********************************/

.fullBackground {
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.caption {
  font-size: 30pt;
  text-transform: uppercase;
  color: #fff;
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 

}



.offline-page .brand a {
  background: url(../src/offline-logo.svg) no-repeat left top;
  display: block;
  height: 145px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -999em;
  width: 300px;
  background-size: 300px;
}

a.mdl-button {
    position: absolute;
    top: 30px;
    right: 30px;
    background: #fff;
   /* transform: translate(-50%, 0); */
}

a.mdl-button:hover {
    background:#fff;
}