.divider {
    height:40px;
}

.divider_small {
    height:20px;
}

.divider_smallest {
    height:10px;
}

body {
  background: #efeae4;
}

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}

section {
    height:500px;
    /*padding-top:200px;
    padding-bottom:250px;*/
    overflow:hidden;
}

.header_container {
  padding: 20px;
  margin-left: 20px;
}

.logo {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 2.3em;
  color: #333;
  letter-spacing: 0.2em;
  line-height: 1.0em;
}

h1.headline {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 5em;
  letter-spacing: 0.3em;
}

h2.headline {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 2em;
  letter-spacing: 0.2em;
}

.txt {
  /*font-family: 'Lato', sans-serif;*/
  font-family: sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
}

.grey {
  color: #999;
}

.menu {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.2em;
  color: #333;
  padding: 5px;
  line-height: 1.5em;
}

.menu a {
  color: #333;
  text-decoration: none;
}

.menu a:hover {
  color: #999;
}

section.bg-1 {
  background: url('../assets/1-fullbleed.jpg') no-repeat top center;
  color:#fff;
  background-size: auto; 
  transition: 0.0s ease;
  transform: translate3d(0, 0, 0); 
}
  
section.bg-2 {
  background: url('../assets/2-fullbleed.jpg') no-repeat top center;
  color:#fff;
  background-size: auto;
  transition: 0.0s ease;
  transform: translate3d(0, 0, 0);  
}

.footer {
    background-color:#000000;
    margin-top:0px;
    padding-top:20px;
    padding-bottom:20px;
    color:#666;
    font-size: 10px;
}

.footer_headline {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 2.2em;
  color: #fff;
  letter-spacing: 0.3em;
  line-height: 0.8em;
}

.footer_subheadline {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-size: 0.7em;
  color: #fff;
  letter-spacing: 0.2em;
}


.footer_logo {
  width: 50%;
  height: 50%;
}

.panel {
  background: #efeae4;
  border: none;
  box-shadow: none;
}

.panel a {
  color: #000;
  text-decoration: underline;
}

.panel a:hover {
  color: #999;
}

.headline_container {
  position: relative;
  height: 100%;
}

.headline_center {
  position: absolute;
  width: 100%;
  top: 50%;
  left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/* responsive text queries */
@media screen and (max-width: 992px) {
  .logo {
    font-size: 2.1em;
    letter-spacing: 0.15em;
  }
  h1.headline {
    font-size: 4em;
  }
  h2.headline {
    font-size: 1.75em;
  }
  .menu {
    font-size: 0.85em;
  }
  .footer_logo {
    width: 60%;
    height: 60%;
  }

}

@media screen and (max-width: 768px) {
  .logo {
    font-size: 1.6em;
    letter-spacing: 0.1em;
  }
  h1.headline {
    font-size: 3em;
  }
  h2.headline {
    font-size: 1.25em;
  }
  .menu {
    font-size: 0.7em;
    letter-spacing: 0.1em;
  }
  .footer_logo {
    width: 75%;
    height: 75%;
  }

}


.arrow {
  position: fixed;
  left: 50%;
  bottom: 120px;
  margin-left: -32px; // or whatever 50% the width of the arrow is 
}