@charset "UTF-8";
/* @license
 * MyFonts Webfont Build ID 2664786, 2013-10-14T09:01:34-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Avenir 65 Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir/65-medium/
 * Copyright: Copyright © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. Copyright © 1989 - 2002 Adobe Systems Incorporated.  All Rights Reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2664786
 *
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/28a952");
@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url("/static/fonts/28A952_0_0.eot");
  src: url("/static/fonts/28A952_0_0.eot?#iefix") format("embedded-opentype"), url("/static/fonts/28A952_0_0.woff") format("woff"), url("/static/fonts/28A952_0_0.ttf") format("truetype");
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\000033}}
body {
  font-family: AvenirLTStd-Medium, Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  line-height: 1;
  color: #666;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000314}}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em 0;
  line-height: 1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000324}}
h1 {
  font-size: 32px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000328}}
h2 {
  font-size: 16px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000332}}
h3 {
  font-size: 14px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000336}}
ul,
ol,
p,
table {
  margin: 0 0 1.5em 0;
  font-size: 14px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000344}}
ul,
ol {
  padding: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000348}}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
  margin-bottom: 0;
  padding-left: 40px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000355}}
table {
  width: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000358}}
table tr th,
table tr td {
  border: 1px solid #eee;
  padding: 5px;
  vertical-align: top;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000365}}
table tr th {
  background-color: #eee;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000370}}
a {
  text-decoration: none;
  color: #666;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000374}}
a:focus {
  outline: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000379}}
strong {
  font-weight: bold;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000383}}
em {
  font-style: italic;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000389}}
aside ul,
aside ol,
aside p,
aside table {
  font-size: 12px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\0000398}}
.contact .text {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 420px;
  width: 100%;
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003108}}
dl,
dd,
dt {
  margin: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003114}}
dd,
dt {
  font-size: 8px;
  line-height: 12px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003120}}
dt a,
dd a {
  color: #666;
  text-decoration: underline;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003126}}
dl {
  margin: 0 auto;
  max-width: 420px;
  text-align: left;
  color: #7f7f7f;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003133}}
.contact dl + dl {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003140}}
.contact .text dl {
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003144}}
#project-texts h1 span {
  font-weight: normal;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003150}}
.slide .text dl {
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003153}}
.slide .text dl .hidden {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003157}}
.slide .text dl dt {
  color: #7f7f7f;
  font-size: 8px;
  line-height: 14px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003162}}
.slide .text dl dt:not(:first-child) {
  margin-top: 6px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003167}}
.slide .text dl dd {
  color: #000;
  font-size: 8px;
  line-height: 14px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003174}}
.slide .text .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  line-height: 14px;
  font-size: 10px;
  padding: 6px 0 0 0;
  color: #999;
  background: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003189}}
.slide .text .read-more .zoomed-in {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003195}}
.zoomed-in .contact .text,
.zoomed-in .slide .text {
  border-left: 20px #fff solid;
  border-right: 20px #fff solid;
  padding: 0 0 38px;
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003202}}
.zoomed-in .contact .text dl,
.zoomed-in .slide .text dl {
  margin: 20px auto 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003205}}
.zoomed-in .contact .text dl .hidden,
.zoomed-in .slide .text dl .hidden {
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003209}}
.zoomed-in .contact .text dl dt,
.zoomed-in .slide .text dl dt {
  font-size: 12px;
  line-height: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003214}}
.zoomed-in .contact .text dl dd,
.zoomed-in .slide .text dl dd {
  font-size: 14px;
  line-height: 20px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003220}}
.zoomed-in .contact .text .read-more,
.zoomed-in .slide .text .read-more {
  padding: 18px 0;
  line-height: 14px;
  font-size: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003225}}
.zoomed-in .contact .text .read-more .zoomed-out,
.zoomed-in .slide .text .read-more .zoomed-out {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003229}}
.zoomed-in .contact .text .read-more .zoomed-in,
.zoomed-in .slide .text .read-more .zoomed-in {
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003235}}
.zoomed-in .contact .text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003241}}
body.zoomed-in .slide:not(.image) {
  z-index: 10000 !important;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003244}}
body.zoomed-in .slide:not(.image) .slide-inner-wrapper {
  position: static !important;
  overflow: scroll !important;
  -webkit-overflow-scroll: touch;
}

@media (orientation: portrait) and (min-width: 600px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003253}}
  dt,
  dd {
    font-size: 14px;
    line-height: 17px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003261}}
  .contact .text dl,
  .slide .text dl {
    margin: 0 auto 20px;
    text-align: left;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003265}}
  .contact .text dl dt,
  .slide .text dl dt {
    font-size: 12px;
    line-height: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003270}}
  .contact .text dl .hidden,
  .slide .text dl .hidden {
    display: block;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003274}}
  .contact .text dl dd,
  .slide .text dl dd {
    font-size: 14px;
    line-height: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003280}}
  .contact .text .read-more,
  .slide .text .read-more {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003285}}
  .zoomed-in .slide:not(.image) {
    z-index: 100 !important;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003288}}
  .zoomed-in .slide:not(.image) .slide-inner-wrapper {
    position: absolute !important;
    overflow: hidden !important;
  }
}
@media (orientation: landscape) and (min-width: 680px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003296}}
  dt,
  dd {
    font-size: 14px;
    line-height: 20px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003304}}
  .contact .text dl,
  .slide .text dl {
    margin: 0 auto 20px;
    text-align: left;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003308}}
  .contact .text dl .hidden,
  .slide .text dl .hidden {
    display: block;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003312}}
  .contact .text dl dt,
  .slide .text dl dt {
    font-size: 12px;
    line-height: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003317}}
  .contact .text dl dd,
  .slide .text dl dd {
    font-size: 14px;
    line-height: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003323}}
  .contact .text .read-more,
  .slide .text .read-more {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003328}}
  .zoomed-in .slide:not(.image) {
    z-index: 100 !important;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_typography\.scss}line{font-family:\00003331}}
  .zoomed-in .slide:not(.image) .slide-inner-wrapper {
    position: absolute !important;
    overflow: hidden !important;
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\000031}}
html {
  font-family: 'mobile0';
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000312}}
  html {
    font-family: 'mobile1';
  }
}
@media (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000318}}
  html {
    font-family: 'mobilel0';
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 2) and (orientation: landscape), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-resolution: 192dpi) and (orientation: landscape), only screen and (min-resolution: 2dppx) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000330}}
  html {
    font-family: 'mobilel1';
  }
}
@media (orientation: portrait) and (min-width: 600px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000336}}
  html {
    font-family: 'tablets0';
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 600px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (orientation: portrait) and (min-width: 600px), only screen and (min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 600px), only screen and (min-resolution: 192dpi) and (orientation: portrait) and (min-width: 600px), only screen and (min-resolution: 2dppx) and (orientation: portrait) and (min-width: 600px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000348}}
  html {
    font-family: 'tablets1';
  }
}
@media (min-width: 860px) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000354}}
  html {
    font-family: 'tabletsl0';
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 860px) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 860px) and (orientation: landscape), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 860px) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (min-width: 860px) and (orientation: landscape), only screen and (min-resolution: 192dpi) and (min-width: 860px) and (orientation: landscape), only screen and (min-resolution: 2dppx) and (min-width: 860px) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000366}}
  html {
    font-family: 'tabletsl1';
  }
}
@media (orientation: portrait) and (min-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000372}}
  html {
    font-family: 'tablet0';
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 768px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (orientation: portrait) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (orientation: portrait) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (orientation: portrait) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (orientation: portrait) and (min-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000384}}
  html {
    font-family: 'tablet1';
  }
}
@media (min-width: 1024px) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\0000390}}
  html {
    font-family: 'tabletl0';
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 1024px) and (orientation: landscape), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 192dpi) and (min-width: 1024px) and (orientation: landscape), only screen and (min-resolution: 2dppx) and (min-width: 1024px) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\00003102}}
  html {
    font-family: 'tabletl1';
  }
}
@media (min-width: 1240px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\00003108}}
  html {
    font-family: 'desktop0';
  }
}
@media (min-width: 1440px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\00003114}}
  html {
    font-family: 'desktop1';
  }
}
@media (min-width: 1920px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\00003120}}
  html {
    font-family: 'desktop2';
  }
}
@media (min-width: 2560px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/partials\/_images\.scss}line{font-family:\00003126}}
  html {
    font-family: 'desktop3';
  }
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000037}}
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000316}}
body {
  position: relative;
  margin: 0;
  padding: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000322}}
.ui-loading {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff url("/static/img/loading.gif") no-repeat center center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000333}}
#projects,
.project,
.slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000343}}
.project {
  pointer-events: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000347}}
#projects .project .slide .slide-inner-wrapper,
#projects .project .slide .slide-inner-wrapper,
.contact,
.swipe-area {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  height: 188px;
  margin: -94px -149px;
  width: 298px;
  display: table;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000362}}
#projects .project .slide .slide-inner-wrapper img,
#projects .project .slide .slide-inner-wrapper img,
.contact img,
.swipe-area img {
  max-height: 188px;
  max-width: 298px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000368}}
.contact {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000372}}
body.zoomed-in .swipe-area {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000384}}
html.show-contact body.zoomed-in .contact {
  z-index: 100;
  background: #fff;
  display: table;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\0000397}}
html.show-contact body.zoomed-in .swipe-area {
  z-index: 102;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003101}}
body.zoomed-in #projects {
  z-index: 100;
  background: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003105}}
body.zoomed-in #projects .overlay {
  display: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003109}}
body.zoomed-in #projects .project .slide .slide-inner-wrapper {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  width: auto;
  height: auto;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003119}}
body.zoomed-in #projects .project .slide .slide-inner-wrapper .slide-inner {
  display: block;
  overflow: scroll;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003124}}
body.zoomed-in #projects .project .slide .slide-inner-wrapper .slide-inner img {
  max-width: initial;
  max-height: initial;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003130}}
body.zoomed-in #projects .project .slide:not(.image) .slide-inner-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003136}}
body.zoomed-in #projects .project .slide:not(.image) .slide-inner-wrapper .slide-inner {
  display: table-cell;
  vertical-align: middle;
  overflow: scroll;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003144}}
.slide-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003150}}
.ready .slide.image {
  background: #fff url("/static/img/loading.gif") no-repeat center center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003154}}
.slide {
  pointer-events: all;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003159}}
.slide img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  background: transparent !important;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003166}}
.swipe-area {
  z-index: 11;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003170}}
#logo a span {
  font-size: 10px;
  line-height: 14px;
  display: inline;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003176}}
#header,
#project-texts {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  height: 50%;
  width: 100%;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003186}}
#logo {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  margin: 27px -149px 0;
  width: 0px;
  line-height: 0;
  text-align: center;
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003200}}
#header {
  top: 0;
  display: inline-block;
  padding: 0 0 94px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003207}}
#logo {
  position: static;
  display: table;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  line-height: 14px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003216}}
#logo a {
  font-size: 10px;
  line-height: 0;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003224}}
#logo a span {
  width: 100%;
  display: inline-block;
  line-height: 14px;
  letter-spacing: 1px;
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003232}}
#project-texts {
  display: inline-block;
  top: 50%;
  padding: 94px 0 26px;
  height: 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003240}}
#project-texts h1 {
  display: table;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-size: 10px;
  line-height: 14px;
  color: #000;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003250}}
#project-texts span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003256}}
#contact,
#home,
#language {
  position: absolute;
  z-index: 5;
  bottom: 0;
  width: 149px;
  height: 14px;
  padding: 18px 0;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  color: #999;
  cursor: pointer;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003274}}
#contact:hover,
#home:hover,
#language:hover {
  color: #666;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003279}}
#language {
  left: 50%;
  margin-left: -149px;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003285}}
#contact,
#home {
  left: 50%;
  right: 0;
  margin-right: -149px;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003293}}
.contact {
  position: absolute;
  top: 0;
  left: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003299}}
.contact {
  opacity: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003303}}
.overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003313}}
.overlay .bottom,
.overlay .top {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003321}}
.overlay .bottom:after,
.overlay .top:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003333}}
.overlay .left,
.overlay .right {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003341}}
.overlay .left:after,
.overlay .right:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003353}}
.overlay .top {
  top: 0;
  bottom: 50%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003357}}
.overlay .top:after {
  top: -94px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003362}}
.overlay .right {
  right: 0;
  left: 50%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003366}}
.overlay .right:after {
  left: 149px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003371}}
.overlay .bottom {
  position: absolute;
  top: 50%;
  bottom: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003376}}
.overlay .bottom:after {
  top: 94px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003381}}
.overlay .left {
  right: 50%;
  left: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003385}}
.overlay .left:after {
  left: -149px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003391}}
.navigator {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 50%;
  z-index: 5;
  display: table;
  width: 50%;
  height: 50%;
  padding: 94px 0 0 149px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003404}}
.navigator .controls {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003412}}
.navigator .controls-inner {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003419}}
.navigator .control {
  position: absolute;
  opacity: 0.5;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003423}}
.navigator .control:hover {
  opacity: 1;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003428}}
.navigator .control.up,
.navigator .control.down {
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 16px;
  height: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003437}}
.navigator .control.left,
.navigator .control.right {
  top: 50%;
  bottom: 50%;
  margin: -8px 0;
  height: 16px;
  width: 10px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003446}}
.navigator .control.up {
  top: 0;
  margin: 1px auto 0;
  background: transparent url("/static/img/control-up.png") no-repeat top left;
  background-size: contain;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003453}}
.navigator .control.right {
  right: 0;
  background: transparent url("/static/img/control-right.png") no-repeat top left;
  background-size: contain;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003459}}
.navigator .control.down {
  bottom: 0;
  background: transparent url("/static/img/control-down.png") no-repeat top left;
  background-size: contain;
}
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003465}}
.navigator .control.left {
  left: 0;
  background: transparent url("/static/img/control-left.png") no-repeat top left;
  background-size: contain;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003472}}
html.show-contact #header,
html.show-contact #project-texts {
  z-index: 21;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003477}}
html.show-contact #language,
html.show-contact #home {
  z-index: 22;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003482}}
html.show-contact .contact {
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  z-index: 21;
  background: #fff;
  outline: 4px solid #fff;
  opacity: 1;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003493}}
html.show-contact .text {
  z-index: 22;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003497}}
html.show-contact .swipe-area {
  z-index: 23;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003501}}
html[lang="en"] .text.nl {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003505}}
html[lang="nl"] .text.en {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003509}}
html[lang="nl"] #language .nl {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003513}}
html[lang="en"] #language .en {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003517}}
#home {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003521}}
html.show-contact #contact {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003525}}
html.show-contact #home,
html.show-contact .contact {
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003532}}
html.show-contact .navigator,
body.touch .navigator {
  display: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003537}}
body:not(.touch) .swipe-area {
  display: none;
}

@media (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003543}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -84px -117px;
    height: 148px;
    width: 234px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003551}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 148px;
    max-width: 234px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003557}}
  .swipe-area {
    height: 168px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003563}}
  .overlay .top:after {
    top: -94px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003567}}
  .overlay .right:after {
    left: 117px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003571}}
  .overlay .bottom:after {
    top: 94px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003575}}
  .overlay .left:after {
    left: -116px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003580}}
  .navigator {
    padding: 74px 0 0 117px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003584}}
  #header {
    z-index: 2;
    top: 0;
    display: inline-block;
    padding: 0 0 74px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003592}}
  #logo {
    position: static;
    display: table;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    font-size: 10px;
    line-height: 14px;
    color: #000;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003603}}
  #logo a {
    display: table-cell;
    vertical-align: middle;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003608}}
  #logo a span {
    display: inline;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003612}}
  #project-texts {
    z-index: 3;
    left: 0;
    right: 0;
    padding: 74px 0 0 0;
    width: 234px;
    margin: 0 auto;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003621}}
  #contact,
  #home,
  #language {
    z-index: 1;
    display: table;
    top: 50%;
    margin: 0;
    height: 50%;
    width: 50%;
    padding: 74px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003634}}
  html.show-contact #home {
    display: table;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003639}}
  #home {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003643}}
  #contact,
  #home {
    z-index: 2;
    padding: 75px 0 0 117px;
    right: 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003650}}
  #language {
    z-index: 2;
    padding: 75px 117px 0 0;
    left: 0;
    height: 50%;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003657}}
  #language div,
  #contact div,
  #home div {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
  }
}
@media (orientation: portrait) and (min-width: 600px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003668}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -176px -279px;
    width: 558px;
    height: 352px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003676}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 352px;
    max-width: 558px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003682}}
  .navigator {
    padding: 176px 0 44px 279px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003686}}
  #header {
    z-index: 2;
    padding: 0 0 176px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003692}}
  .overlay .top:after {
    top: -176px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003696}}
  .overlay .right:after {
    left: 279px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003700}}
  .overlay .bottom:after {
    top: 176px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003704}}
  .overlay .left:after {
    left: -279px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003709}}
  #logo a {
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003713}}
  #logo a span {
    display: inline;
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003718}}
  #project-texts {
    padding: 176px 0 44px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003722}}
  #project-texts h1 {
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003726}}
  #contact,
  #home,
  #language {
    font-size: 10px;
    width: 279px;
    padding: 31px 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003734}}
  #language {
    margin-left: -279px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003738}}
  #contact,
  #home {
    margin-right: -279px;
  }
}
@media (orientation: landscape) and (min-width: 860px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003745}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -188px -278px;
    height: 376px;
    width: 558px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003753}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 376px;
    max-width: 558px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003759}}
  .navigator {
    padding: 188px 0 0 278px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003764}}
  .overlay .top:after {
    top: -188px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003768}}
  .overlay .right:after {
    left: 278px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003772}}
  .overlay .bottom:after {
    top: 188px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003776}}
  .overlay .left:after {
    left: -278px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003781}}
  #header {
    padding: 0 0 188px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003785}}
  #logo a {
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003789}}
  #logo a span {
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003793}}
  #project-texts {
    width: 100%;
    padding: 188px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003798}}
  #project-texts h1 {
    font-size: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003802}}
  #language,
  #home,
  #contact {
    z-index: 6;
    top: 50%;
    bottom: 50%;
    margin: -30px 0;
    height: 14px;
    line-height: 14px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003813}}
  #contact,
  #home {
    padding: 24px 0 24px 278px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003818}}
  #language {
    padding: 24px 278px 24px 0;
  }
}
@media (orientation: portrait) and (min-width: 768px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003824}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -241px -358px;
    width: 716px;
    height: 482px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003832}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 482px;
    max-width: 716px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003838}}
  .navigator {
    padding: 241px 0 44px 358px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003843}}
  .overlay .top:after {
    top: -241px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003847}}
  .overlay .right:after {
    left: 358px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003851}}
  .overlay .bottom:after {
    top: 241px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003855}}
  .overlay .left:after {
    left: -358px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003860}}
  #header {
    padding: 0 0 241px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003864}}
  #project-texts {
    padding: 241px 0 44px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003868}}
  #contact,
  #home {
    cursor: pointer;
    z-index: 30;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003874}}
  #contact,
  #language,
  #home {
    width: 358px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003880}}
  #language {
    margin-left: -358px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003884}}
  #contact,
  #home {
    margin-right: -358px;
  }
}
@media (orientation: landscape) and (min-width: 1024px) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003891}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -240px -375px;
    width: 750px;
    height: 480px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003899}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 480px;
    max-width: 750px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003906}}
  .overlay .top:after {
    top: -240px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003910}}
  .overlay .right:after {
    left: 375px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003914}}
  .overlay .bottom:after {
    top: 240px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003918}}
  .overlay .left:after {
    left: -375px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003923}}
  .navigator {
    padding: 240px 0 0 375px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003926}}
  .navigator .controls-inner {
    height: 60px;
    width: 60px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003931}}
  .navigator .control.up,
  .navigator .control.down {
    width: 22.5px;
    height: 15px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003937}}
  .navigator .control.left,
  .navigator .control.right {
    margin: -11.25px 0;
    width: 15px;
    height: 22.5px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003945}}
  #header {
    padding: 0 0 240px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003949}}
  #project-texts {
    padding: 240px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003953}}
  #contact,
  #home {
    padding: 24px 0 24px 375px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003958}}
  #language {
    padding: 24px 375px 24px 0;
  }
}
@media (min-width: 1240px) and (orientation: landscape), (min-width: 1240px) and (orientation: portrait) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003965}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -250px -400px;
    width: 800px;
    height: 500px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003973}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 500px;
    max-width: 800px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003979}}
  .navigator {
    display: table;
    padding: 250px 0 0 400px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003983}}
  .navigator .controls-inner {
    height: 80px;
    width: 80px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003988}}
  .navigator .control.up {
    margin: 2px auto 0;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003992}}
  .navigator .control.up,
  .navigator .control.down {
    width: 30px;
    height: 20px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\00003998}}
  .navigator .control.left,
  .navigator .control.right {
    margin: -15px 0;
    width: 20px;
    height: 30px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031007}}
  .overlay .top:after {
    top: -250px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031011}}
  .overlay .right:after {
    left: 400px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031015}}
  .overlay .bottom:after {
    top: 250px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031019}}
  .overlay .left:after {
    left: -400px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031024}}
  #header {
    padding: 0 0 250px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031028}}
  #project-texts {
    padding: 250px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031032}}
  #contact div a,
  #home div a,
  #language div a {
    color: #999;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031037}}
  #contact div a:hover,
  #home div a:hover,
  #language div a:hover {
    color: #666;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031042}}
  #contact,
  #home {
    padding: 24px 0 24px 400px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031047}}
  #language {
    padding: 24px 400px 24px 0;
  }
}
@media (min-width: 1440px) and (orientation: landscape), (min-width: 1440px) and (orientation: portrait) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031054}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -285px -450px;
    width: 900px;
    height: 570px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031062}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 570px;
    max-width: 900px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031068}}
  body.touch .swipe-area {
    display: none;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031072}}
  .navigator {
    padding: 285px 0 0 450px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031077}}
  .overlay .top:after {
    top: -285px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031081}}
  .overlay .right:after {
    left: 450px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031085}}
  .overlay .bottom:after {
    top: 285px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031089}}
  .overlay .left:after {
    left: -450px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031094}}
  #header {
    padding: 0 0 285px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031098}}
  #project-texts {
    padding: 285px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031102}}
  #contact,
  #home {
    padding: 24px 0 24px 450px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031107}}
  #language {
    padding: 24px 450px 24px 0;
  }
}
@media (min-width: 1440px) and (max-height: 800px) and (orientation: landscape) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031115}}
  .navigator .controls-inner {
    height: 60px;
    width: 60px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031120}}
  .navigator .control.up,
  .navigator .control.down {
    width: 22.5px;
    height: 15px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031126}}
  .navigator .control.left,
  .navigator .control.right {
    margin: -11.25px 0;
    width: 15px;
    height: 22.5px;
  }
}
@media (min-width: 1920px) and (orientation: landscape), (min-width: 1920px) and (orientation: portrait) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031138}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -347px -550px;
    width: 1100px;
    height: 696px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031146}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-height: 696px;
    max-width: 1100px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031153}}
  .navigator {
    padding: 347px 0 0 550px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031158}}
  .overlay .top:after {
    top: -347px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031162}}
  .overlay .right:after {
    left: 550px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031166}}
  .overlay .bottom:after {
    top: 347px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031170}}
  .overlay .left:after {
    left: -550px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031175}}
  #header {
    padding: 0 0 347px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031179}}
  #project-texts {
    padding: 347px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031183}}
  #contact,
  #home {
    padding: 24px 0 24px 550px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031188}}
  #language {
    padding: 24px 550px 24px 0;
  }
}
@media (min-width: 2560px) and (orientation: landscape), (min-width: 2560px) and (orientation: portrait) {
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031197}}
  #projects .project .slide .slide-inner-wrapper,
  #projects .project .slide .slide-inner-wrapper,
  .contact,
  .swipe-area {
    margin: -475px -750px;
    width: 1500px;
    height: 950px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031205}}
  #projects .project .slide .slide-inner-wrapper img,
  #projects .project .slide .slide-inner-wrapper img,
  .contact img,
  .swipe-area img {
    max-width: 1500px;
    max-height: 950px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031211}}
  .navigator {
    padding: 475px 0 0 750px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031216}}
  .overlay .top:after {
    top: -475px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031220}}
  .overlay .right:after {
    left: 750px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031224}}
  .overlay .bottom:after {
    top: 475px;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031228}}
  .overlay .left:after {
    left: -750px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031234}}
  #header {
    padding: 0 0 475px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031238}}
  #project-texts {
    padding: 475px 0 0;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031242}}
  #contact,
  #home {
    padding: 24px 0 24px 750px;
  }

@media -sass-debug-info{filename{font-family:file\:\/\/\/code\/project\/styles\/base\.scss}line{font-family:\000031247}}
  #language {
    padding: 24px 750px 24px 0;
  }
}