html, body, .background {
  height: 100%;
  width: 100%; }

body {
  font-family: 'Nunito', sans-serif;
  color: white;
  font-weight: 100; }

.background {
  background: url(../images/background.jpg) no-repeat center center fixed;
          -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 10vh 0 0 6vw; }
  @media (max-width: 576px) {
    .background {
      padding: 1vh 0 0 0;
      background-position: bottom 0 left 40%;
      background-size: auto 150%; } }

h1 {
  background: transparent url(../images/logo.png) no-repeat top left;
  background-size: 300px;
  text-indent: -999em;
  display: block;
  height: 80px;
  margin: 0;
  position: relative;
  z-index: -1; }
  @media (max-width: 576px) {
    h1 {
      bottom: 5vh;
      position: absolute;
      width: 100%;
      background-position: center center;
      background-size: 70% auto; } }

ul.menu {
  position: absolute;
  right: 12vw;
  list-style: none;
  width: 58px;
  margin: 0;
  padding: 0;
  margin-top: -8px; }
  ul.menu li {
    border-bottom: 1px solid white;
    padding: 15px 0; }
    ul.menu li a {
      text-indent: -999em;
      display: block;
      height: 80px;
      width: 50px;
      position: relative;
      left: 4px; }
      ul.menu li a.phone {
        background: transparent url(../images/mobile.png) no-repeat center center; }
      ul.menu li a.email {
        background: transparent url(../images/email.png) no-repeat center center;
        height: 50px; }
      ul.menu li a.address {
        background: transparent url(../images/map.png) no-repeat center center;
        background-size: 40px;
        height: 70px; }
      ul.menu li a.active {
        z-index: 10; }
    ul.menu li:last-child {
      border-bottom: none; }
    ul.menu li:first-child {
      padding-top: 0; }
  @media (max-width: 576px) {
    ul.menu {
      right: 6vw; }
      ul.menu li {
        padding: 5px 0; }
        ul.menu li a.phone {
          background-size: 60%; }
        ul.menu li a.email {
          background-size: 60%;
          height: 50px; }
        ul.menu li a.address {
          background-size: 60%;
          height: 70px; } }

.sub-text {
  position: absolute;
  bottom: 15vh; }
  .sub-text h2 {
    font-weight: 100;
    font-size: 2em; }
  .sub-text h4 {
    font-weight: 100;
    font-size: 1.2em; }
  @media (max-width: 576px) {
    .sub-text {
      bottom: auto;
      top: 0;
      width: 100px;
      margin-left: 6vw; } }

.overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 5vmin;
  z-index: 5;
  align-items: center;
  justify-content: center; }
  .overlay.active {
    display: flex; }
  .overlay a {
    color: white;
    text-decoration: none; }
  @media (max-width: 576px) {
    .overlay.phone {
      font-size: 2em; }
    .overlay.email {
      font-size: 5vmin; }
    .overlay.address {
      font-size: 2em; } }

/*# sourceMappingURL=style.css.map */