* {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-style: inherit;
   line-height: inherit;
   margin: 0;
   padding: 0;
}

body {
   color: #000;
   background: #ffffff;
   font-family: 'suisse_intlbold', sans-serif;
   font-weight: normal;
   font-style: normal;
   font-size: 20px;
   line-height: 1.2;
   text-transform: uppercase;
   position: relative;
   -webkit-font-smoothing: antialiased;
   
}

@media (min-width: 1px) {
   body {
      font-size: 3.4vw;
   }
}

@media (min-width: 641px) {
   body {
      font-size: 2.3vw;
   }
}

a {
   text-decoration: none;
   border-bottom: 1px solid;
}

a:hover, a:focus {
   border-color: #c6b882;
}

a:active {
   border-color: #c6b882;
   color: #c6b882;
}

#header {
   position: relative;
   z-index: 50;
   padding: 18em 1.2em 10em;
   background: #ffffff;
}

#header h1 {
   width: 100%;
}

#header h1 span {
   display: inline-block;
   width: 49.999%;
   font-size: 200%;
}

#header h1 span+span {
   text-align: right;
}

@media (min-width: 1px) {
   #header {
      height: 50vh;
      padding-top: 0;
      padding-bottom: 0;
      overflow: visible;
      -webkit-transform: translate3d(0, 0, 1px);
   }
   
   #header h1 {
      padding-top: 50vh;
   }

   #header h1 span {
      position: relative;
      top: -0.6em;
      font-size: 250%;
   }
}

@media (min-width: 641px) {
   #header h1 span {
      font-size: 350%;
   }
}

#introduction {
   position: relative;
   z-index: 40;
   padding: 10em 1.2em;
   -ms-hyphens: auto;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
   background: #ffffff;
}

@media (min-width: 1px) {
   #introduction {
      min-height: 100vh;
      padding-top: 0;
      padding-bottom: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -moz-box-align: center;
      -ms-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(0, 0, 1px);
      -ms-hyphens: none;
      -moz-hyphens: none;
      -webkit-hyphens: none;
      hyphens: none;
   }
   
   #introduction p {
      font-size: 175%;
   }
}

#detail {
   position: relative;
   z-index: 40;
   padding: 10em 1.2em;
   background: #c6b882;
}

#detail li {
   padding-left: 2.5em;
}

@media (min-width: 1px) {
   #detail {
      min-height: 100vh;
      padding-top: 0;
      padding-bottom: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -moz-box-align: center;
      -ms-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(0, 0, 1px);
   }
   
   #detail div {
      font-size: 150%;
   }
   
   #detail p,
   #detail ul,
   #detail li {
      display: inline;
      list-style: none;
   }
}

#company {
   position: relative;
   overflow: hidden;
   z-index: 40;
   padding: 10em 1.2em;
   background: #000000;
   color: #ffffff;
}

#company div {
   width: 49.999%;
   float: left;
}

@media (min-width: 1px) {
   #company {
      min-height: 100vh;
      padding-top: 0;
      padding-bottom: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -moz-box-align: center;
      -ms-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(0, 0, 1px);
   }
   
   #company h2 {
      font-size: 175%;
      padding-bottom: 0.2em;
   }
}

#contact {
   position: relative;
   z-index: 40;
   padding: 10em 1.2em;
   background: white;
   background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);
}

@media (min-width: 1px) {
   #contact {
      min-height: 100vh;
      padding-top: 0;
      padding-bottom: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -moz-box-align: center;
      -ms-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(0, 0, 1px);
   }
   
   #contact p {
      font-size: 250%;
   }
}

.permalinkpage #header {
   position: absolute;
   overflow: hidden;
   width: 1px;
   height: 1px;
   left: -100%;
}

#posts h2 {
   position: fixed;
   z-index: 10;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 1em 0.6em;
   font-size: 200%;
}

@media (min-width: 1px) {
   #posts h2 {
      font-size: 250%;
      text-indent: -0.06em;
      padding: 1em 0.48em 0.2em;
   }
}

#posts-wrapper {
   position: relative;
   overflow: hidden;
   padding: 0 1.2em 3.6em;
}

.permalinkpage #posts-wrapper {
   padding-top: 25vh;
}

.post {
   position: relative;
   z-index: 20;
   padding: 2.4em 0;
   overflow: hidden;
   clear: both;
}

.post .inner {
   width: 100%;
}

@media (min-width: 641px) {
   .post {
      float: left;
      width: 50%;
      height: 100vh;
      vertical-align: middle;
      overflow: visible;
      -webkit-transform: translate3d(0, 0, 1px);
      box-sizing: border-box;
      display: flex;
      -moz-box-align: center;
      -ms-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-transform: translate3d(0, 0, 1px);
   }
   
   .post:nth-child(2n) {
      clear: none;
      top: 50vh;
   }

   .indexpage .post:nth-child(2n) {
      padding-left: 0.6em;
   }
   
   .indexpage .post:nth-child(2n-1) {
      padding-right: 0.6em;
   }
   
   .post .date {
      padding-left: 50%;
   }
   
   .permalinkpage .post .date {
      padding-left: 25%;
   }
}
   
@media (min-width: 641px) and (orientation: portrait) {
   .post {
      height: 75vh;
   }
}
   
@media (min-width: 641px) {
   .permalinkpage .post {
      width: 100%;
      height: auto;
   }
}

.post img {
   display: block;
   width: auto!important;
   height: auto;
   max-height: 40vh;
   max-width: 150%;
}

.post .audio-wrapper {
   position: relative;
   display: block;
   width: 100%!important;
   height: 0!important;
   padding-top: 28.125%;
   margin-bottom: 0.6em;
}

.post .video-wrapper {
   position: relative;
   display: block;
   width: 100%!important;
   height: 0!important;
   padding-top: 56.25%;
   margin-bottom: 0.6em;
}

.post .audio-wrapper iframe,
.post .video-wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%!important;
   height: 100%!important;
}


@media (min-width: 641px) {
   .post.text,
   .post.quote,
   .post.chat {
      height: auto;
      min-height: 100vh;
   }

   .permalinkpage .post.text,
   .permalinkpage .post.quote,
   .permalinkpage .post.chat {
      min-height: 1px;
   }
}

.post.text .body p {
   text-indent: 25%;
   text-transform: none;
}

.post.text .body p:first-child {
   text-indent: 0;
}

.post.photo .body {
   padding-bottom: 0.6em;
   text-align: center;
}

.post.photo .body img {
   display: inline;
}

.post.quote .body {
   text-transform: none;
   font-size: 175%;
}

.post.chat ul {
   list-style: none;
}

.post.chat li {
   padding-left: 25%;
   text-indent: -25%;
   text-transform: none;
}

.post.chat li .label {
   text-transform: uppercase;
}

.post.link .body a {
   text-transform: none;
   font-size: 175%;
   border-bottom: none;
   text-decoration: underline;
}

.post {
   display: flex;
}

.post .body {
   width: 100%;
}

#pagination {
   display: none;
   clear: both;
   position: relative;
   top: -12.5vh;
   z-index: 20;
}

#footer {
   position: fixed;
   z-index: 30;
   top: 0;
   left: 0;
   right: 0;
   padding: 1em 1.2em;
   overflow: hidden;
   background: #ffffff;
}

#footer ul {
   list-style: none;
}

#footer li {
   width: 49.999%;
}

#home-link {
   float: left;
   position: relative;
   left: -0.05em;
}

#home-link span {
   display: inline-block;
   width: 50%;
}

#home-link a {
   border-bottom: none;
}

#contact-link {
   float: right;
   text-align: right;
}

@media (device-width: 768px) {#header {height: 45vh;} #header h1 {padding-top: 45vh;}}
@media (device-width: 414px) {#header {height: 40vh;} #header h1 {padding-top: 40vh;}}
@media (device-width: 375px) {#header {height: 40vh;} #header h1 {padding-top: 40vh;}}
@media (device-width: 320px) {#header {height: 40vh;} #header h1 {padding-top: 40vh;}}