html {
  width: 100%; height: 100%;
  overflow: hidden;
}

body {
  margin: 0; padding: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  background: black;
  font-family: 'garamond-premier-pro';
  font-size: 16px;
  overflow: hidden;
  /*cursor: none;*/
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: 20px;
  }
}

.backlight, .spotlight, .highlight {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-size: cover;
  overflow: hidden;
}
@media only screen and (max-width: 1180px) {
  .backlight, .highlight {
    background-position: 50% 0;
  }
}
@media only screen and (max-width: 800px) {
  .backlight, .highlight {
    background-position: 25% 0;
  }
}
@media only screen and (max-width: 675px) {
  .backlight, .highlight {
    background-position: 35% 0;
  }
}
@media only screen and (max-width: 560px) {
  .backlight, .highlight {
    background-position: 40% 0;
  }
}


.backlight { background-image: url(images/backlight.png); }
.spotlight { }
.highlight { background-image: url(images/highlight.png); }

.spotlight svg {
  width: 5000px;
  height: 3000px;
  /*background-image: url(images/spotlight.svg);*/
  /*-webkit-transition: -webkit-transform 0.1s linear;*/
  -webkit-transform: translate(0, 0);
}

.info {
  color: white;
  width: 400px;
  position: absolute;
  bottom: 146px;
  right: 129px;
  text-align: center;
}
@media only screen and (max-width: 800px) {
  .info {
    bottom: auto;
    top: 150px;
    right: 25px;
  }
}
@media only screen and (max-height: 375px) {
  .info {
    top: 50px;
  }
}
@media only screen and (max-width: 560px) {
  .info {
    position: static;
    /*margin: auto;*/
    width: auto;
    margin-top: 100px;
  }
}
@media only screen and (max-height: 320px) and (max-width: 560px) {
  .info {
    margin-top: 35px;
  }
}

.highlight .info {
  opacity: 0.5;
}


h1 {
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.045em;
  padding-top: 125px;
  background: url(images/logo.png) top center no-repeat;
  /*background-size: 25%;*/
  background-size: 100px 100px;
  margin: 0 auto 0.4em;
}
p {
  font-size: 1em;
  margin: 0;
  /*color: #666666;*/
}

hr {
  width: 20px;
  height: 1px;
  background: white;
  border: 0;
  margin: 1.7em auto 0.55em;
}

.location {
  text-transform: uppercase;
  font-size: 0.5em; /* 7px/14px */
  letter-spacing: 0.425em;
}
.contact {
  font-size: 0.8571em; /* 12px/14px */
  letter-spacing: 0.061em;
}
.contact a {
  color: white;
  text-decoration: none;
  font-style: italic;
}