html, body, p, div, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  color: #000; }

body {
  background-color: #efefef;
  letter-spacing: .1em; }

img {
  max-width: 100%;
  height: auto; }

a,
a:link,
a:visited {
  text-decoration: underline;
  color: inherit;
  opacity: .8;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  text-decoration: none; }

a:active,
a:hover {
  color: inherit;
  opacity: 1;
  text-decoration: underline; }

.off-canvas-content {
  width: 2400px;
  max-width: 100%;
  margin: 0 auto; }

header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 1em; }

.header-bar {
  background-color: transparent;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0; }

.header-bar .block-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  max-width: 100%; }

.header-bar .block-title {
  width: 200px;
  max-width: 100%;
  margin: 0 auto; }

.header-bar .block-nav {
  position: absolute;
  top: 0;
  right: 0; }

.header-bar .block-nav button {
  width: 25px;
  height: 20px; }

.header-bar .block-nav button::after {
  background: #000;
  -webkit-box-shadow: 0 9px 0 #000,0 18px 0 #000;
  box-shadow: 0 9px 0 #000,0 18px 0 #000; }

#home-hero {
  background: url(../img/jpryor-wilsonchair.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100vh; }
  @media screen and (max-width: 39.9375em) {
    #home-hero {
      min-height: 450px; } }

#about, #kulu {
  margin: 6em 0; }
  @media screen and (max-width: 39.9375em) {
    #about, #kulu {
      margin: 2em 2em; } }

h3 {
  text-align: center;
  font-size: 1rem; }

#instafeed iframe {
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#contact {
  padding: 3em 0; }

#contact img {
  width: 60px;
  padding: 0 0 3em; }

#contact h2 {
  font-family: Sen, sans-serif;
  font-size: 1.8em; }

#contact h3 {
  font-size: 1.2em;
  padding-bottom: 1.5em;
  letter-spacing: .2em; }

#contact .contact-item {
  font-size: 1.1em;
  display: block;
  margin: .8em 0; }

#copyright {
  font-size: .8em;
  text-align: center; }

#copyright p {
  opacity: .5; }

#kulu {
  padding-bottom: 6em; }

.off-canvas ul {
  list-style: none;
  margin: 1.5em;
  font-size: 1.1em; }

.off-canvas ul li {
  padding: .3em 0; }