/*
**  Colophon
**  Design/Build:Hofstede
**  Copyright 2014

**  Atlas Grotesk & Typewriter
**  by Atelier Carvalho Bernau
**  http://www.carvalho-bernau.com/
**  @at_cb

**  Fonts served by Commercial
**  http://commercialtype.com/
**  @commercialtype

**  01. Resets
**  02. Defaults
**  03. Fonts
**  04. Typography
**  05. Grids
**  06. Menus & Lists
**  07. Forms & Tables
**  08. Template Specific Styles
**  09. CSS Animations
*/
/*
**
****  01. Resets
**
*/
@-o-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* line 69, ../scss/main.scss */
html {
  overflow-y: auto;
}

/* line 70, ../scss/main.scss */
img, audio, video, canvas, object, embed {
  max-width: 100%;
  height: auto;
}

/* line 71, ../scss/main.scss */
object, embed {
  height: 100%;
}

/* line 72, ../scss/main.scss */
img {
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  border: 0;
  clear: left;
}

/* line 73, ../scss/main.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 73, ../scss/main.scss */
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object {
  display: block;
}

/* line 73, ../scss/main.scss */
a img {
  border: 0;
}

/* line 73, ../scss/main.scss */
figure {
  position: relative;
}

/* line 73, ../scss/main.scss */
figure img {
  width: 100%;
}

/*
**
****  02. Defaults
**
*/
/* line 82, ../scss/main.scss */
* {
  margin: 0px;
  padding: 0px;
  all: default;
}

/* line 88, ../scss/main.scss */
::selection {
  background: #fd5b5b;
  opacity: 0.85;
}

/* line 93, ../scss/main.scss */
::-moz-selection {
  background: #fd5b5b;
  moz-opacity: 0.85;
}

/* line 98, ../scss/main.scss */
html {
  font-size: 100%;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
}

/* line 108, ../scss/main.scss */
body {
  margin: 0;
  padding-bottom: 1em;
  overflow: auto;
  font-family: "Atlas Grotesk Web";
  font-size: 100%;
  font-weight: normal;
  color: #555555;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 108, ../scss/main.scss */
  body {
    padding-bottom: 0;
  }
}

/* line 122, ../scss/main.scss */
.home-overlay {
  position: fixed;
  width: calc(100% - 5em);
  height: 100vh;
  z-index: 5000;
  background: rgba(255, 102, 102, 0.85);
  padding: 0 2.5em;
  overflow-y: scroll;
  display: none;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 480px) {
  /* line 122, ../scss/main.scss */
  .home-overlay {
    width: 100%;
    padding: 0 1em;
  }
}
/* line 137, ../scss/main.scss */
.home-overlay:hover {
  cursor: pointer;
}
/* line 140, ../scss/main.scss */
.home-overlay .overlay-intro {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 10%;
  padding-bottom: 4.5em;
}
@media only screen and (max-width: 480px) {
  /* line 140, ../scss/main.scss */
  .home-overlay .overlay-intro {
    max-width: 90%;
    padding: 2em 0;
    margin: 0;
  }
}

/* line 155, ../scss/main.scss */
body.home {
  background: #f7f7f7;
}

/* line 158, ../scss/main.scss */
body.archive {
  background: #272727;
}

/* line 161, ../scss/main.scss */
body.journal,
body.entry {
  background: #ffeeef;
}

/* line 166, ../scss/main.scss */
.red {
  background: red !important;
}

/* line 170, ../scss/main.scss */
.wrap {
  max-width: 1600px;
  position: relative;
  overflow: hidden;
}

/* line 176, ../scss/main.scss */
.wrap-inner {
  margin: 0 3.5em;
  padding-top: 6.5em;
  overflow: hidden;
  opacity: 0;
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
  /* line 176, ../scss/main.scss */
  .wrap-inner {
    padding-top: 10em;
  }
}
@media only screen and (max-width: 1124px) and (min-width: 1025px) {
  /* line 176, ../scss/main.scss */
  .wrap-inner {
    padding-top: 1em;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 176, ../scss/main.scss */
  .wrap-inner {
    padding-top: 58px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 176, ../scss/main.scss */
  .wrap-inner {
    margin: 0 1em;
    padding-top: 3.5em;
    padding-bottom: 2.5em;
  }
}

/* line 211, ../scss/main.scss */
img, figure {
  outline: 0;
  border: 0;
  background: transparent !important;
}

/* line 217, ../scss/main.scss */
hr {
  height: 2em;
  border: 0;
  outline: 0;
}

/* line 223, ../scss/main.scss */
.side-menu {
  width: 4em;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4000;
  -webkit-transition: left 0.5s;
  transition: left 0.5s;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 223, ../scss/main.scss */
  .side-menu {
    display: none;
  }
}

/* line 239, ../scss/main.scss */
.side-menu > nav {
  width: 12em;
  position: absolute;
  top: 50%;
  bottom: 50%;
  -webkit-transform-origin: 0% 50%;
  -webkit-transform: rotate(-90deg) translate(-50%, 50%);
  -moz-transform-origin: 0 50%;
  -moz-transform: rotate(-90deg) translate(-50%, 50%);
  -ms-transform-origin: 0 50%;
  -ms-transform: rotate(-90deg) translate(-50%, 50%);
  -o-transform-origin: 0 50%;
  -o-transform: rotate(-90deg) translate(-50%, 50%);
  transform-origin: 0 50%;
  transform: rotate(-90deg) translate(-50%, 50%);
  left: 1em;
}

/* line 256, ../scss/main.scss */
.side-menu > nav a {
  font-family: "Atlas Typewriter Web";
  font-size: 12.8px;
  line-height: 19.2px;
  font-size: 0.8rem;
  line-height: 1.2rem;
  text-align: center !important;
  cursor: pointer;
}
/* line 261, ../scss/main.scss */
.side-menu > nav a:hover {
  color: #a1a1a1 !important;
}

/* line 266, ../scss/main.scss */
.mobile-menu {
  display: none;
}
/* line 268, ../scss/main.scss */
.mobile-menu:hover {
  border-bottom: none;
}
@media only screen and (max-width: 763px) {
  /* line 266, ../scss/main.scss */
  .mobile-menu {
    display: block;
    opacity: 1 !important;
    position: absolute;
    top: 24px;
    right: 2.5em;
    font-size: 20.8px;
    line-height: 16px;
    font-size: 1.3rem;
    line-height: 1rem;
    color: #fd5b5b;
    text-rendering: geometricPrecision;
    cursor: pointer;
  }
  /* line 281, ../scss/main.scss */
  .mobile-menu a:visited {
    color: #fd5b5b;
  }
}
@media only screen and (max-width: 480px) {
  /* line 266, ../scss/main.scss */
  .mobile-menu {
    display: block;
    position: absolute;
    top: 18px;
    right: 0.75em;
    font-size: 20.8px;
    line-height: 16px;
    font-size: 1.3rem;
    line-height: 1rem;
    color: #fd5b5b;
    text-rendering: geometricPrecision;
    cursor: pointer;
  }
  /* line 294, ../scss/main.scss */
  .mobile-menu a:visited {
    color: #fd5b5b;
  }
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  /* line 266, ../scss/main.scss */
  .mobile-menu {
    font-size: 16px;
    line-height: 16px;
    font-size: 1rem;
    line-height: 1rem;
    top: 1.05em;
    right: 1em;
  }
}

/* line 308, ../scss/main.scss */
.scrolled .header-inner .mobile-menu {
  top: 18px !important;
}

/* line 314, ../scss/main.scss */
.icon-close {
  display: block;
  position: absolute;
  font-size: 16px;
  line-height: 16px;
  font-size: 1rem;
  line-height: 1rem;
  top: -0.05em;
  right: 0.25em;
  text-rendering: geometricPrecision;
  cursor: pointer;
}
/* line 321, ../scss/main.scss */
.icon-close:hover {
  color: #d7d7d7;
  border-bottom: none;
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  /* line 314, ../scss/main.scss */
  .icon-close {
    font-size: 16px;
    line-height: 16px;
    font-size: 1rem;
    line-height: 1rem;
    top: -0.15em;
    right: 0.3em;
  }
  /* line 330, ../scss/main.scss */
  .icon-close:hover {
    color: #d7d7d7;
    border-bottom: none;
  }
}

/*
    Links
            */
/* line 349, ../scss/main.scss */
h1 a {
  color: #fd5b5b;
}
/* line 351, ../scss/main.scss */
h1 a:hover {
  color: #555555;
}

/* line 355, ../scss/main.scss */
h2 a {
  color: #555555;
  border-bottom: 1px solid #555555;
}
/* line 358, ../scss/main.scss */
h2 a:hover {
  color: #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

/* line 364, ../scss/main.scss */
p > a {
  color: #555555;
  border-bottom: 1px solid #fd5b5b;
}
/* line 367, ../scss/main.scss */
p > a:hover {
  color: #fd5b5b;
  border-bottom: 1px solid #fd5b5b;
}

/* line 372, ../scss/main.scss */
a {
  color: #555555;
  text-decoration: none;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
}

/* line 381, ../scss/main.scss */
a,
a:hover,
a:active,
a:visited {
  outline: 0px;
}

/* line 388, ../scss/main.scss */
a:hover {
  border-bottom: 2px solid #a1a1a1;
}

/* line 393, ../scss/main.scss */
a, th {
  -webkit-transition: color 100ms linear;
  -moz-transition: color 100ms linear;
  -o-transition: color 100ms linear;
  -ms-transition: color 100ms linear;
  transition: color 100ms linear;
}

/* line 401, ../scss/main.scss */
.active {
  border-bottom: 2px solid #a1a1a1;
}

/* Floats */
/* line 407, ../scss/main.scss */
.right {
  float: right;
  height: 19px;
}

/*
    Elements
                */
/* line 416, ../scss/main.scss */
.page-load-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 1600px;
}

/* line 422, ../scss/main.scss */
.page-load {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9998;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  color: #fd5b5b;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-animation-direction: normal;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-direction: normal;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-name: pulse;
  -moz-animation-timing-function: ease-in-out;
}

/* line 445, ../scss/main.scss */
.page-load .icon-hofstede:before {
  font-size: 80px;
  line-height: 120px;
  font-size: 5rem;
  line-height: 7.5rem;
}

@-webkit-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* line 473, ../scss/main.scss */
header.fixed {
  position: fixed;
  width: 100%;
  max-width: 1600px;
  margin: 0;
  overflow: hidden;
  height: 6.5em;
  z-index: 100;
  background: white;
  opacity: 0.95;
  -webkit-transition: height 300ms;
  -moz-transition: height 300ms;
  -ms-transition: height 300ms;
  -o-transition: height 300ms;
  transition: height 300ms;
}
@media only screen and (max-width: 1124px) {
  /* line 473, ../scss/main.scss */
  header.fixed {
    height: 64px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 473, ../scss/main.scss */
  header.fixed {
    height: 2.5em;
    padding-top: 1.25em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) and (orientation: portrait) {
  /* line 473, ../scss/main.scss */
  header.fixed {
    height: 2.75em;
    padding-bottom: 0.45em;
  }
}

/* line 503, ../scss/main.scss */
.home header.fixed {
  background: #f7f7f7;
}

/* line 506, ../scss/main.scss */
.archive header.fixed {
  background: #272727;
}

/* line 509, ../scss/main.scss */
.journal header.fixed,
.entry header.fixed {
  background: #ffeeef;
}

/* line 514, ../scss/main.scss */
.header-inner {
  margin: 0 3.5em;
  margin-top: 56px;
  padding: 0;
  overflow: hidden;
  -webkit-transition: margin 300ms;
  -moz-transition: margin 300ms;
  -ms-transition: margin 300ms;
  -o-transition: margin 300ms;
  transition: margin 300ms;
}
@media only screen and (max-width: 1124px) {
  /* line 514, ../scss/main.scss */
  .header-inner {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1124px) {
  /* line 523, ../scss/main.scss */
  .header-inner .span-4 {
    width: 49%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 763px) {
  /* line 523, ../scss/main.scss */
  .header-inner .span-4 {
    opacity: 0;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 514, ../scss/main.scss */
  .header-inner {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 514, ../scss/main.scss */
  .header-inner {
    margin: 0 1em;
    margin-top: 16px;
  }
}

/* line 552, ../scss/main.scss */
header.fixed.scrolled {
  height: 4.5em;
  z-index: 100;
}
@media only screen and (max-width: 1660px) and (min-width: 1025px) {
  /* line 552, ../scss/main.scss */
  header.fixed.scrolled {
    height: 3.25em;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 552, ../scss/main.scss */
  header.fixed.scrolled {
    height: 2em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 552, ../scss/main.scss */
  header.fixed.scrolled {
    height: 2.75em;
  }
}

/* line 573, ../scss/main.scss */
.scrolled .header-inner {
  margin-top: 24px;
}
@media only screen and (max-width: 1660px) and (min-width: 1025px) {
  /* line 573, ../scss/main.scss */
  .scrolled .header-inner {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 573, ../scss/main.scss */
  .scrolled .header-inner {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 573, ../scss/main.scss */
  .scrolled .header-inner {
    margin-top: 16px;
  }
}

/* line 591, ../scss/main.scss */
.scrolled .header-inner .mobile-menu {
  top: 24px;
}

/* line 594, ../scss/main.scss */
.scrolled {
  opacity: 0.85;
}

/* line 598, ../scss/main.scss */
.call-us a {
  font-family: "Atlas Typewriter Web";
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  float: right;
}
@media only screen and (max-width: 1124px) and (min-width: 320px) {
  /* line 598, ../scss/main.scss */
  .call-us a {
    display: none;
  }
}

/* line 608, ../scss/main.scss */
body.archive .call-us a,
body.archive footer li,
body.archive footer li a,
body.archive .side-menu nav a {
  color: #d7d7d7;
}

/* line 616, ../scss/main.scss */
.content {
  position: relative;
  height: auto;
  overflow: hidden;
}

/* line 622, ../scss/main.scss */
.project .content,
.studio .content,
.home .content {
  padding-top: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 622, ../scss/main.scss */
  .project .content,
  .studio .content,
  .home .content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 622, ../scss/main.scss */
  .project .content,
  .studio .content,
  .home .content {
    padding-top: 0em;
    margin-top: 2em;
  }
}

/* line 638, ../scss/main.scss */
.intro {
  padding-top: 2.5em;
}
@media only screen and (max-width: 1440px) and (min-width: 768px) {
  /* line 638, ../scss/main.scss */
  .intro {
    padding-top: 2.5em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 638, ../scss/main.scss */
  .intro {
    padding: 1em 0 1em 0;
  }
}

/* line 652, ../scss/main.scss */
footer {
  max-width: 1600px;
  padding-top: 12.5em;
  height: 4em;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 652, ../scss/main.scss */
  footer {
    height: 4em;
    padding-top: 14.1em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 652, ../scss/main.scss */
  footer {
    height: auto;
    margin-top: 2.5em;
    padding-top: 1em;
    padding-bottom: 1.5em;
    margin: 0;
  }
}
/* line 674, ../scss/main.scss */
footer p {
  font-family: "Atlas Grotesk Web";
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #ff6666;
  list-style: none;
  padding-bottom: 0.25em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 674, ../scss/main.scss */
  footer p {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 688, ../scss/main.scss */
  body.studio footer,
  body.project footer {
    background: white;
  }
}

/* line 697, ../scss/main.scss */
body.archive footer {
  background: #272727;
}

/* line 701, ../scss/main.scss */
.footer-inner {
  margin: 0 3.5em;
  overflow: hidden;
  position: relative;
  z-index: 2000;
}
@media only screen and (max-width: 1024px) and (min-width: 481px) {
  /* line 701, ../scss/main.scss */
  .footer-inner {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 701, ../scss/main.scss */
  .footer-inner {
    margin: 0;
  }
}

/* line 718, ../scss/main.scss */
.archives {
  padding-top: 4.5em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 718, ../scss/main.scss */
  .archives {
    padding-top: 2.5em;
  }
}

/* line 728, ../scss/main.scss */
footer .span-2 {
  margin-bottom: 0;
}

/* line 732, ../scss/main.scss */
.icon-up {
  position: fixed;
  top: 50%;
  right: 1em;
  width: 2.5em;
  height: 2.5em;
}
@media only screen and (max-width: 1440px) and (min-width: 481px) {
  /* line 732, ../scss/main.scss */
  .icon-up {
    right: 0.25em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 732, ../scss/main.scss */
  .icon-up {
    right: -0.25em;
  }
}

/* line 759, ../scss/main.scss */
.share-hide {
  display: inline-block;
  margin-left: 20px;
  opacity: 0;
}
/* line 763, ../scss/main.scss */
.share-hide.show {
  opacity: 1;
}

/* line 769, ../scss/main.scss */
#nextprev {
  font-size: 14.8px;
  line-height: 24px;
  font-size: 0.925rem;
  line-height: 1.5rem;
  margin-top: 3.5em;
  padding-top: 0.5em;
  position: relative;
  float: left;
  width: 100%;
  height: 3em;
}

/* line 783, ../scss/main.scss */
camp
.hidden {
  display: none !important;
}

/* line 792, ../scss/main.scss */
.reveal {
  visibility: hidden;
}

/*
**
****  03. Fonts
**
*/
@font-face {
  font-family: 'Atlas Grotesk Web';
  src: url("../../fonts/AtlasGrotesk Web-Regular.eot");
  src: url("../../fonts/AtlasGrotesk Web-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/AtlasGroteskWeb-Regular.woff") format("woff"), url("../../fonts/AtlasGroteskWeb-Regular.ttf") format("truetype"), url("../../fonts/AtlasGroteskWeb-Regular.svg#Atlas Grotesk Web") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Atlas Grotesk Web Italic';
  src: url("../../fonts/AtlasGroteskWeb-Regular It.eot");
  src: url("../../fonts/AtlasGroteskWeb-Regular It.eot?#iefix") format("embedded-opentype"), url("../../fonts/AtlasGroteskWeb-Regular It.woff") format("woff"), url("../../fonts/AtlasGroteskWeb-Regular It.ttf") format("truetype"), url("../../fonts/AtlasGroteskWeb-Regular It.svg#Atlas Grotesk Web") format("svg");
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: 'Atlas Typewriter Web';
  src: url("../../fonts/AtlasTypewriterWeb-Regular.eot");
  src: url("../../fonts/AtlasTypewriterWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/AtlasTypewriterWeb-Regular.woff") format("woff"), url("../../fonts/AtlasTypewriterWeb-Regular.ttf") format("truetype"), url("../../fonts/AtlasTypewriterWeb-Regular.svg#AtlasTypewriter-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Atlas Typewriter Web Italic';
  src: url("../../fonts/AtlasTypewriterWeb-Regular It.eot");
  src: url("../../fonts/AtlasTypewriterWeb-Regular It.eot?#iefix") format("embedded-opentype"), url("../../fonts/AtlasTypewriterWeb-Regular It.woff") format("woff"), url("../../fonts/AtlasTypewriterWeb-Regular It.ttf") format("truetype"), url("../../fonts/AtlasTypewriterWeb-Regular It.svg#AtlasTypewriter-Regular It") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Hofstede-Icons';
  src: url("../../fonts/hofstede-icons.eot?-5167v7");
  src: url("../../fonts/hofstede-icons.eot?#iefix-5167v7") format("embedded-opentype"), url("../../fonts/hofstede-icons.woff?-5167v7") format("woff"), url("../../fonts/hofstede-icons.ttf?-5167v7") format("truetype"), url("../../fonts/hofstede-icons.svg?-5167v7#hofstede-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
**
****  04. Typography
**
*/
/* line 71, ../scss/_type.scss */
.overlay-intro p {
  font-size: 40px;
  line-height: 48px;
  font-size: 2.5rem;
  line-height: 3rem;
  color: white;
  text-indent: 0;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 71, ../scss/_type.scss */
  .overlay-intro p {
    font-size: 24px;
    line-height: 31.2px;
    font-size: 1.5rem;
    line-height: 1.95rem;
  }
}
/* line 80, ../scss/_type.scss */
.overlay-intro p a {
  color: white;
  border-bottom: 1px solid white;
}

/* line 87, ../scss/_type.scss */
p, h1 {
  font-size: 16px;
  line-height: 21.6px;
  font-size: 1rem;
  line-height: 1.35rem;
  font-weight: normal;
}
/* line 90, ../scss/_type.scss */
p.name, h1.name {
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 87, ../scss/_type.scss */
  p, h1 {
    font-size: 14.4px;
    line-height: 21.6px;
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}

/* line 100, ../scss/_type.scss */
td, td a {
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-family: "Atlas Grotesk Web";
}
@media only screen and (max-width: 1440px) and (min-width: 1025px) {
  /* line 100, ../scss/_type.scss */
  td, td a {
    font-size: 20px;
    line-height: 30px;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 100, ../scss/_type.scss */
  td, td a {
    font-size: 16px;
    line-height: 20px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 100, ../scss/_type.scss */
  td, td a {
    font-size: 12px;
    line-height: 18px;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

/* line 119, ../scss/_type.scss */
body.archive td,
body.archive td a {
  color: #d7d7d7;
}

/* line 123, ../scss/_type.scss */
p {
  text-indent: 3em;
}

/* line 126, ../scss/_type.scss */
p:first-of-type {
  text-indent: 0;
}

/* line 129, ../scss/_type.scss */
p.mono-header {
  font-family: "Atlas Grotesk Web";
  font-size: 1.7rem !important;
  line-height: 1.35;
  color: #fd5b5b;
  display: block;
}
@media only screen and (max-width: 1024px) {
  /* line 129, ../scss/_type.scss */
  p.mono-header {
    font-size: 24px !important;
  }
}
@media only screen and (max-width: 480px) {
  /* line 129, ../scss/_type.scss */
  p.mono-header {
    font-size: 20px !important;
  }
}

/* line 145, ../scss/_type.scss */
.scope p {
  font-family: "Atlas Typewriter Web";
}
/* line 147, ../scss/_type.scss */
.scope p:last-of-type {
  margin-top: 1em;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 145, ../scss/_type.scss */
  .scope p {
    margin-top: 1em;
  }
}

/* line 157, ../scss/_type.scss */
.project article p {
  font-size: 1.25rem;
  line-height: 1.5;
}
@media only screen and (max-width: 1024px) and (min-width: 481px) {
  /* line 157, ../scss/_type.scss */
  .project article p {
    font-size: 14.4px;
    line-height: 21.6px;
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}
@media only screen and (max-width: 480px) {
  /* line 157, ../scss/_type.scss */
  .project article p {
    font-size: 17.6px;
    line-height: 24px;
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
}
/* line 173, ../scss/_type.scss */
.project article p:last-of-type {
  margin-bottom: 6.5em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 173, ../scss/_type.scss */
  .project article p:last-of-type {
    margin-bottom: 3.5em;
  }
}

/* line 182, ../scss/_type.scss */
.studio article p {
  font-size: 1.7rem;
  line-height: 1.35;
}
@media only screen and (max-width: 1024px) {
  /* line 182, ../scss/_type.scss */
  .studio article p {
    font-size: 24px;
    line-height: 32px;
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  /* line 182, ../scss/_type.scss */
  .studio article p {
    font-size: 20px;
    line-height: 28px;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
/* line 193, ../scss/_type.scss */
.studio article p:first-of-type {
  margin-top: 0.5em;
  margin-bottom: 2.5em;
}
@media only screen and (max-width: 480px) {
  /* line 193, ../scss/_type.scss */
  .studio article p:first-of-type {
    margin-top: 0;
    margin-bottom: 1.5em;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
  /* line 203, ../scss/_type.scss */
  .experience article p:nth-child(4n),
  .experience article p:nth-child(5n) {
    display: none;
  }
}

/* line 211, ../scss/_type.scss */
.staff p {
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
}

/* line 214, ../scss/_type.scss */
.overlay p {
  margin: 1.15em 0 0 1.15em;
}

/* line 217, ../scss/_type.scss */
aside p:first-of-type {
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  margin-top: 3.8em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 217, ../scss/_type.scss */
  aside p:first-of-type {
    margin-top: 1.5em;
  }
}

/* line 226, ../scss/_type.scss */
.studio aside p:first-of-type {
  margin-top: 0.65em;
}

/* line 229, ../scss/_type.scss */
.credits p:first-of-type {
  font-size: 12.8px;
  line-height: 21.6px;
  font-size: 0.8rem;
  line-height: 1.35rem;
  margin-top: 0;
  display: inline-block;
  border-bottom: 1px solid #555555;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 229, ../scss/_type.scss */
  .credits p:first-of-type {
    font-size: 11.2px;
    line-height: 17.6px;
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 229, ../scss/_type.scss */
  .credits p:first-of-type {
    font-size: 10.4px;
    line-height: 15.6px;
    font-size: 0.65rem;
    line-height: 0.975rem;
  }
}

/* line 245, ../scss/_type.scss */
.services p {
  font-family: "Atlas Typewriter Web";
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-indent: 0;
}
/* line 249, ../scss/_type.scss */
.services p:first-of-type {
  margin-top: 0;
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
/* line 253, ../scss/_type.scss */
.services p:nth-child(odd) {
  color: #a1a1a1;
}
/* line 256, ../scss/_type.scss */
.services p:nth-child(even) {
  padding-bottom: 1em;
}

/* line 261, ../scss/_type.scss */
.project aside h1 {
  font-size: 1.7rem;
  line-height: 1.35;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 261, ../scss/_type.scss */
  .project aside h1 {
    font-size: 21.6px;
    line-height: 32.4px;
    font-size: 1.35rem;
    line-height: 2.025rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 261, ../scss/_type.scss */
  .project aside h1 {
    font-size: 20px;
    line-height: 30px;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

/* line 276, ../scss/_type.scss */
h2,
.large {
  font-size: 26.4px;
  line-height: 36px;
  font-size: 1.65rem;
  line-height: 2.25rem;
  font-weight: normal;
  color: #555555;
}
@media only screen and (max-width: 1024px) and (min-width: 481px) {
  /* line 276, ../scss/_type.scss */
  h2,
  .large {
    font-size: 16px;
    line-height: 24px;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 276, ../scss/_type.scss */
  h2,
  .large {
    font-size: 17.6px;
    line-height: 25.6px;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }
}

/* line 292, ../scss/_type.scss */
h2 + h2 {
  text-indent: 2em;
}

/* line 295, ../scss/_type.scss */
.large {
  color: #555555;
}

/* line 298, ../scss/_type.scss */
.project h2 {
  margin-bottom: 1.25em;
}

/* line 301, ../scss/_type.scss */
.studio h2 {
  margin-bottom: 2.5em;
}

/* line 305, ../scss/_type.scss */
h3 {
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fd5b5b;
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  padding: 0.5em 0;
}

/* line 313, ../scss/_type.scss */
h4 {
  font-size: 40px;
  line-height: 60px;
  font-size: 2.5rem;
  line-height: 3.75rem;
}

/*
    Defaults
                */
/* line 321, ../scss/_type.scss */
em {
  font-family: "Atlas Grotesk Web Italic";
}

/* line 325, ../scss/_type.scss */
small {
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-right: 10px;
}

/* line 329, ../scss/_type.scss */
h1 > small {
  padding-left: 0.15em;
}

/* line 332, ../scss/_type.scss */
span.client {
  font-family: "Atlas Grotesk Web";
  font-size: 16px;
  line-height: 21.6px;
  font-size: 1rem;
  line-height: 1.35rem;
  color: #a1a1a1;
  padding-left: 0.5em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 332, ../scss/_type.scss */
  span.client {
    font-size: 12.8px;
    line-height: 19.2px;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}

/* line 344, ../scss/_type.scss */
sup {
  font-size: 10.4px;
  line-height: 15.6px;
  font-size: 0.65rem;
  line-height: 0.975rem;
  vertical-align: text-top;
  color: #d7d7d7;
}
/* line 348, ../scss/_type.scss */
sup:before {
  content: '\0028';
}
/* line 351, ../scss/_type.scss */
sup:after {
  content: '\0029';
}

/* line 356, ../scss/_type.scss */
.recent small,
.statement small {
  display: block;
  padding-bottom: 1em;
}

/* line 362, ../scss/_type.scss */
.mid {
  font-size: 12px;
  line-height: 18px;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding-bottom: 0.75em;
}

/* line 367, ../scss/_type.scss */
figcaption {
  font-family: "Atlas Typewriter Web";
  font-size: 10.4px;
  line-height: 15.6px;
  font-size: 0.65rem;
  line-height: 0.975rem;
  position: absolute;
  padding-top: 0.25em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 367, ../scss/_type.scss */
  figcaption {
    width: 100%;
    font-size: 8.8px;
    line-height: 13.2px;
    font-size: 0.55rem;
    line-height: 0.825rem;
  }
}
/* line 379, ../scss/_type.scss */
figcaption em {
  font-family: "Atlas Typewriter Web Italic";
}

/* line 384, ../scss/_type.scss */
.underlined {
  text-decoration: underline;
}

/* line 388, ../scss/_type.scss */
.mono {
  font-family: "Atlas Typewriter Web";
  word-spacing: -2px;
}

/* Icons */
/* line 396, ../scss/_type.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'Hofstede-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 410, ../scss/_type.scss */
.icon-hofstede:before {
  content: "\48";
  font-size: 28px;
  line-height: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #fd5b5b;
}

/* line 415, ../scss/_type.scss */
.icon-right:before {
  content: "\e600";
  font-size: 28px;
  line-height: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 415, ../scss/_type.scss */
  .icon-right:before {
    font-size: 23.2px;
    line-height: 23.2px;
    font-size: 1.45rem;
    line-height: 1.45rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 415, ../scss/_type.scss */
  .icon-right:before {
    font-size: 18.4px;
    line-height: 18.4px;
    font-size: 1.15rem;
    line-height: 1.15rem;
  }
}

/* line 429, ../scss/_type.scss */
.icon-left:before {
  content: "\e601";
  font-size: 28px;
  line-height: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 429, ../scss/_type.scss */
  .icon-left:before {
    font-size: 23.2px;
    line-height: 23.2px;
    font-size: 1.45rem;
    line-height: 1.45rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 429, ../scss/_type.scss */
  .icon-left:before {
    font-size: 18.4px;
    line-height: 18.4px;
    font-size: 1.15rem;
    line-height: 1.15rem;
  }
}

/* line 443, ../scss/_type.scss */
.icon-up:before {
  content: "\e60a";
  font-size: 28px;
  line-height: 28px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #fd5b5b;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 443, ../scss/_type.scss */
  .icon-up:before {
    font-size: 23.2px;
    line-height: 23.2px;
    font-size: 1.45rem;
    line-height: 1.45rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 443, ../scss/_type.scss */
  .icon-up:before {
    font-size: 18.4px;
    line-height: 18.4px;
    font-size: 1.15rem;
    line-height: 1.15rem;
  }
}

/* line 458, ../scss/_type.scss */
.icon-open:before {
  content: "\e602";
}

/* line 461, ../scss/_type.scss */
.icon-close:before {
  font-size: 17.6px;
  line-height: 17.6px;
  font-size: 1.1rem;
  line-height: 1.1rem;
  content: "\e603";
  color: #ffffff;
}

/*
**
****  05.  Grids
**
*/
/* line 3, ../scss/_grids.scss */
.span-1 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 6.95833%;
}

/* line 3, ../scss/_grids.scss */
.span-2 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 15.41667%;
}

/* line 3, ../scss/_grids.scss */
.span-3 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 23.875%;
}

/* line 3, ../scss/_grids.scss */
.span-4 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 32.33333%;
}

/* line 3, ../scss/_grids.scss */
.span-5 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 40.79167%;
}

/* line 3, ../scss/_grids.scss */
.span-6 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 49.25%;
}

/* line 3, ../scss/_grids.scss */
.span-7 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 57.70833%;
}

/* line 3, ../scss/_grids.scss */
.span-8 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 66.16667%;
}

/* line 3, ../scss/_grids.scss */
.span-9 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 74.625%;
}

/* line 3, ../scss/_grids.scss */
.span-10 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 83.08333%;
}

/* line 3, ../scss/_grids.scss */
.span-11 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 91.54167%;
}

/* line 3, ../scss/_grids.scss */
.span-12 {
  float: left;
  margin: 0 1.5% 1.5% 0;
  width: 100.0%;
}

/* line 10, ../scss/_grids.scss */
.push-1 {
  margin-left: 8.45833%;
}

/* line 10, ../scss/_grids.scss */
.push-2 {
  margin-left: 16.91667%;
}

/* line 10, ../scss/_grids.scss */
.push-3 {
  margin-left: 25.375%;
}

/* line 10, ../scss/_grids.scss */
.push-4 {
  margin-left: 33.83333%;
}

/* line 10, ../scss/_grids.scss */
.push-5 {
  margin-left: 42.29167%;
}

/* line 10, ../scss/_grids.scss */
.push-6 {
  margin-left: 50.75%;
}

/* line 10, ../scss/_grids.scss */
.push-7 {
  margin-left: 59.20833%;
}

/* line 10, ../scss/_grids.scss */
.push-8 {
  margin-left: 67.66667%;
}

/* line 10, ../scss/_grids.scss */
.push-9 {
  margin-left: 76.125%;
}

/* line 10, ../scss/_grids.scss */
.push-10 {
  margin-left: 84.58333%;
}

/* line 10, ../scss/_grids.scss */
.push-11 {
  margin-left: 93.04167%;
}

/* line 10, ../scss/_grids.scss */
.push-12 {
  margin-left: 101.5%;
}

/* line 808, ../scss/main.scss */
.row {
  width: 100%;
  overflow: hidden;
  height: auto;
}

/* line 814, ../scss/main.scss */
.last {
  margin-right: 0;
}

/* line 817, ../scss/main.scss */
.block {
  display: block;
  margin-top: 8em !important;
}

/* line 822, ../scss/main.scss */
.overlay-open .name a {
  position: relative;
  width: 75%;
  z-index: 100000;
  color: #555555;
}
/* line 827, ../scss/main.scss */
.overlay-open .name a p:first-of-type {
  text-indent: 0;
  margin-top: 0.45em;
}
/* line 831, ../scss/main.scss */
.overlay-open .name a p:nth-of-type(2) {
  margin-bottom: 4em;
}
/* line 835, ../scss/main.scss */
.overlay-open .name a h1, .overlay-open .name a h2, .overlay-open .name a .large {
  font-size: 21.6px;
  line-height: 32.4px;
  font-size: 1.35rem;
  line-height: 2.025rem;
  font-weight: normal;
}

/*
**
****  06. Menus & Lists
**
*/
/* line 848, ../scss/main.scss */
ul, li {
  list-style: none;
}

/* line 851, ../scss/main.scss */
nav ul {
  list-style: none;
}
/* line 853, ../scss/main.scss */
nav ul li {
  font-family: "Atlas Grotesk Web";
  font-size: 20px;
  line-height: 30px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding-bottom: 0.125em;
  float: left;
  display: inline;
  padding-right: 2em;
}
@media only screen and (max-width: 1190px) {
  /* line 853, ../scss/main.scss */
  nav ul li {
    padding-right: 1.5em;
  }
}
@media only screen and (max-width: 798px) {
  /* line 853, ../scss/main.scss */
  nav ul li {
    padding-right: 1.25em;
  }
}
/* line 869, ../scss/main.scss */
nav ul li:last-of-type {
  padding-right: 0;
}
/* line 872, ../scss/main.scss */
nav ul a {
  color: #555555;
}

/* line 876, ../scss/main.scss */
.archive nav ul li a {
  color: #d7d7d7;
}

/* line 879, ../scss/main.scss */
#featured {
  margin-top: 1em;
}
/* line 881, ../scss/main.scss */
#featured li {
  font-family: "Atlas Typewriter Web";
  font-size: 13.6px;
  line-height: 20px;
  font-size: 0.85rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 881, ../scss/main.scss */
  #featured li {
    font-size: 12.8px;
    line-height: 19.2px;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}
/* line 890, ../scss/main.scss */
#featured li:nth-child(2) {
  color: #d7d7d7;
}

/* line 894, ../scss/main.scss */
.studio article ul {
  width: 100%;
  float: left;
  display: block;
  margin-top: 0.65em;
  margin-bottom: 1em;
}
/* line 900, ../scss/main.scss */
.studio article ul li {
  font-size: 16px;
  line-height: 21.6px;
  font-size: 1rem;
  line-height: 1.35rem;
  color: #a1a1a1;
}
/* line 904, ../scss/main.scss */
.studio article ul li:first-of-type {
  color: #555555;
}

/* line 909, ../scss/main.scss */
.scope ul {
  margin-top: 1em;
}
/* line 911, ../scss/main.scss */
.scope ul li {
  font-family: "Atlas Typewriter Web";
  font-size: 12.8px;
  line-height: 21.6px;
  font-size: 0.8rem;
  line-height: 1.35rem;
  color: #a1a1a1;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 911, ../scss/main.scss */
  .scope ul li {
    font-size: 11.2px;
    line-height: 19.2px;
    font-size: 0.7rem;
    line-height: 1.2rem;
    margin-top: 0em;
  }
}

/* line 924, ../scss/main.scss */
.credits {
  width: 25%;
  margin-left: 0;
  font-family: "Atlas Typewriter Web";
  clear: both !important;
  color: #555555;
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 924, ../scss/main.scss */
  .credits {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 924, ../scss/main.scss */
  .credits {
    width: 100%;
  }
}
/* line 940, ../scss/main.scss */
.credits dl {
  font-size: 12.8px;
  line-height: 20px;
  font-size: 0.8rem;
  line-height: 1.25rem;
  margin-top: 1em;
  padding: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 940, ../scss/main.scss */
  .credits dl {
    font-size: 11.2px;
    line-height: 17.6px;
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 940, ../scss/main.scss */
  .credits dl {
    font-size: 10.4px;
    line-height: 17.6px;
    font-size: 0.65rem;
    line-height: 1.1rem;
  }
}
/* line 955, ../scss/main.scss */
.credits dt {
  display: inline;
}
/* line 958, ../scss/main.scss */
.credits dt:after {
  content: ':';
}
/* line 961, ../scss/main.scss */
.credits dd {
  color: #a1a1a1;
  display: inline;
}
/* line 964, ../scss/main.scss */
.credits dd:after {
  content: "";
  display: block;
  line-height: 0;
}
/* line 970, ../scss/main.scss */
.credits dd a {
  color: #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
}

/* line 976, ../scss/main.scss */
.credits a {
  font-size: 12.8px;
  line-height: 20px;
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #d7d7d7;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 976, ../scss/main.scss */
  .credits a {
    font-size: 11.2px;
    line-height: 17.6px;
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 976, ../scss/main.scss */
  .credits a {
    font-size: 10.4px;
    line-height: 15.6px;
    font-size: 0.65rem;
    line-height: 0.975rem;
  }
}

/* line 990, ../scss/main.scss */
.credits p {
  font-size: 12.8px;
  line-height: 20px;
  font-size: 0.8rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 990, ../scss/main.scss */
  .credits p {
    font-size: 11.2px;
    line-height: 17.6px;
    font-size: 0.7rem;
    line-height: 1.1rem;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 990, ../scss/main.scss */
  .credits p {
    font-size: 10.4px;
    line-height: 15.6px;
    font-size: 0.65rem;
    line-height: 0.975rem;
  }
}

/* line 1003, ../scss/main.scss */
.credits a:hover {
  color: #fd5b5b;
  border-bottom: 1px solid #f66;
}

/* line 1007, ../scss/main.scss */
.mobile-details {
  padding-top: 1.25em;
}

/* line 1011, ../scss/main.scss */
.mobile-details ul li {
  font-family: "Atlas Typewriter Web";
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  color: #555555;
}
/* line 1016, ../scss/main.scss */
.mobile-details ul li a {
  color: #ffffff;
  border-bottom: 1px solid white;
}

/* line 1022, ../scss/main.scss */
p.table-header {
  margin-left: 20%;
  text-indent: 0;
  font-size: 16px;
  line-height: 28px;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #a1a1a1;
  padding-top: 0.25em;
}

/* line 1029, ../scss/main.scss */
.awards dl {
  width: 100%;
  position: relative;
  margin-bottom: 0.75em;
  font-size: 16px;
  line-height: 28px;
  font-size: 1rem;
  line-height: 1.75rem;
}
/* line 1034, ../scss/main.scss */
.awards dl dt {
  width: 20%;
  position: absolute;
  padding-top: 3px;
  color: #a1a1a1;
  border-top: 1px solid #d7d7d7;
}
/* line 1041, ../scss/main.scss */
.awards dl dd {
  width: 80%;
  margin-left: 20%;
  padding-top: 3px;
  border-top: 1px solid #d7d7d7;
}

/* line 1049, ../scss/main.scss */
.awards dt + dd {
  border-top: 1px solid #d7d7d7;
}

/* line 1053, ../scss/main.scss */
.staff ul {
  padding-bottom: 1.25em;
}
/* line 1055, ../scss/main.scss */
.staff ul li {
  font-family: inherit;
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  color: #555555;
}
/* line 1060, ../scss/main.scss */
.staff ul li:nth-child(1) {
  margin-top: 0.25em;
}
/* line 1063, ../scss/main.scss */
.staff ul li:nth-child(2n+2) {
  margin-bottom: 0.5em;
  color: #9e9e9e;
}
/* line 1067, ../scss/main.scss */
.staff ul li a {
  font-size: 90%;
  color: #9e9e9e;
}
/* line 1071, ../scss/main.scss */
.staff ul li a:hover {
  color: #fd5b5b;
}

/*
**
****  07. Forms & Tables
**
*/
/* line 1083, ../scss/main.scss */
.jobs {
  position: relative;
}

/* line 1087, ../scss/main.scss */
body.home table {
  margin-top: 2.75em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1087, ../scss/main.scss */
  body.home table {
    margin-top: 0;
    padding-bottom: 1em;
  }
}

/* line 1098, ../scss/main.scss */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

/* line 1103, ../scss/main.scss */
tbody {
  padding-bottom: 2em;
}

/* line 1106, ../scss/main.scss */
th, td {
  font-family: "Atlas Typewriter Web";
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  border-bottom: 1px solid #d7d7d7;
  text-align: left;
  vertical-align: top;
  padding: 0.5em 0 0.35em 0;
  line-height: 1.5;
}

/* line 1115, ../scss/main.scss */
thead {
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  /* line 1119, ../scss/main.scss */
  body.phone thead,
  body.phone .col_project,
  body.phone .col_discipline {
    display: none;
  }
}

/* line 1129, ../scss/main.scss */
body.phone .col_year {
  visibility: hidden;
  height: 0px;
  margin: 0;
  padding: 0;
}
/* line 1134, ../scss/main.scss */
body.phone .col_year figure {
  width: 100%;
  position: static;
  left: 0;
  visibility: visible !important;
  width: 100%;
  max-width: 480px;
  height: auto;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 1em;
  pointer-events: all;
  display: block;
}
/* line 1147, ../scss/main.scss */
body.phone .col_year figure img {
  max-width: 100%;
  display: block;
}
/* line 1153, ../scss/main.scss */
body.phone figure {
  margin: 0 0 0 0;
}
/* line 1156, ../scss/main.scss */
body.phone .header-inner {
  margin-top: 12px;
  padding-bottom: 12px;
}
/* line 1160, ../scss/main.scss */
body.phone table {
  visibility: visible;
  width: 100%;
}

/* line 1190, ../scss/main.scss */
body.archive td,
body.archive th {
  display: table-cell;
}

/* line 1195, ../scss/main.scss */
th {
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  color: #555555;
  font-size: 14px;
  font-weight: normal;
  padding: 0.35em 0 0.75em 0;
}

/* line 1203, ../scss/main.scss */
td {
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1207, ../scss/main.scss */
  a.desktop {
    display: none;
  }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1214, ../scss/main.scss */
  body.home tr {
    display: block;
    vertical-align: top;
  }
}

/* line 1222, ../scss/main.scss */
tr:first-of-type {
  margin-top: 0.5em;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1222, ../scss/main.scss */
  tr:first-of-type {
    margin-top: 0;
  }
}

/* line 1231, ../scss/main.scss */
tr:hover td a {
  color: #fd5b5b;
  border-bottom: none;
}

/* line 1236, ../scss/main.scss */
.col_year,
.col_project,
.col_discipline,
.col_client {
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
  display: table-cell;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 1236, ../scss/main.scss */
  .col_year,
  .col_project,
  .col_discipline,
  .col_client {
    font-size: 14.4px;
    line-height: 21.6px;
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}

/* line 1250, ../scss/main.scss */
.archive .col_year,
.archive .col_project,
.archive .col_discipline,
.archive .col_client {
  color: #d7d7d7;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1250, ../scss/main.scss */
  .archive .col_year,
  .archive .col_project,
  .archive .col_discipline,
  .archive .col_client {
    font-size: 10.4px;
    line-height: 15.6px;
    font-size: 0.65rem;
    line-height: 0.975rem;
  }
}

/* line 1262, ../scss/main.scss */
.col_year a {
  -moz-font-feature-settings: "onum" 1, "tnum" 1;
  -moz-font-feature-settings: "onum=1, tnum=1";
  -ms-font-feature-settings: "onum" 1, "tnum" 1;
  -o-font-feature-settings: "onum" 1, "tnum" 1;
  -webkit-font-feature-settings: "onum" 1, "tnum" 1;
  font-feature-settings: "onum" 1, "tnum" 1;
}

/* line 1271, ../scss/main.scss */
.col_year > figure {
  position: absolute;
  left: 8.45833%;
  top: 7.5em;
  margin-top: -2em;
  max-width: 32.33333%;
  opacity: 0;
  pointer-events: none;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 1271, ../scss/main.scss */
  .col_year > figure {
    display: none;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1271, ../scss/main.scss */
  .col_year > figure {
    pointer-events: all;
  }
}

/* line 1292, ../scss/main.scss */
.col_year figcaption {
  display: none;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1292, ../scss/main.scss */
  .col_year figcaption {
    display: block;
  }
}

/* line 1301, ../scss/main.scss */
.card {
  display: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* line 1301, ../scss/main.scss */
  .card {
    display: block;
    background: #fd5b5b;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
  }
}

/* line 1315, ../scss/main.scss */
.card-center {
  width: 100%;
  height: 320px;
  padding-top: 80px;
  text-align: center;
  position: relative;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* line 1315, ../scss/main.scss */
  .card-center {
    padding-top: 130px;
  }
}
/* line 1327, ../scss/main.scss */
.card-center a {
  font-size: 28px;
  line-height: 42px;
  font-size: 1.75rem;
  line-height: 2.625rem;
  font-family: "Atlas Typewriter Web";
  text-align: center !important;
  border-bottom: 3px solid #555555;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1335, ../scss/main.scss */
  body.home td.col_year {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}

/* line 1344, ../scss/main.scss */
tr:hover .col_year > figure {
  opacity: 1;
}

/* line 1348, ../scss/main.scss */
tr.change:nth-child(1) td.col_year > figure {
  opacity: 1;
}

/* line 1352, ../scss/main.scss */
.col_project {
  width: 50%;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1352, ../scss/main.scss */
  .col_project {
    width: 58%;
  }
}

/* line 1360, ../scss/main.scss */
.col_discipline {
  width: 27.5%;
}

/* line 1363, ../scss/main.scss */
.col_year {
  width: 12.5%;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1363, ../scss/main.scss */
  .col_year {
    width: 15%;
  }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1371, ../scss/main.scss */
  .col_project {
    width: 32%;
  }
}

/* line 1379, ../scss/main.scss */
.headerSorter {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  padding-left: 5px;
  margin-bottom: 2px;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1379, ../scss/main.scss */
  .headerSorter {
    width: 6px;
    height: 6px;
  }
}

/* line 1393, ../scss/main.scss */
.headerSortUp:after {
  background: url("../../images/down-58f7f64e13fc.png") no-repeat center;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  padding-left: 8px;
  margin-bottom: 1px;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1393, ../scss/main.scss */
  .headerSortUp:after {
    width: 6px;
    height: 6px;
  }
}

/* line 1408, ../scss/main.scss */
.headerSortDown:after {
  background: url("../../images/up-58f7f64e13fc.png") no-repeat center;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  padding-left: 8px;
  margin-bottom: 1px;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1408, ../scss/main.scss */
  .headerSortDown:after {
    width: 6px;
    height: 6px;
  }
}

/* line 1424, ../scss/main.scss */
table.accolades {
  margin-top: 0;
}

/* line 1428, ../scss/main.scss */
table.accolades td {
  font-family: "Atlas Grotesk Web";
  font-size: 14.4px;
  line-height: 21.6px;
  font-size: 0.9rem;
  line-height: 1.35rem;
}

/* line 1433, ../scss/main.scss */
.acknowledgement > td {
  font-size: 13.6px;
  line-height: 20.4px;
  font-size: 0.85rem;
  line-height: 1.275rem;
}

/* line 1437, ../scss/main.scss */
td.mono {
  width: 2.5em;
  font-family: "Atlas Typewriter Web";
  padding-right: 20px !important;
}

/* line 1442, ../scss/main.scss */
td.lg {
  color: #a1a1a1;
}

/*
    Subscribe form
                    */
/* line 1451, ../scss/main.scss */
label {
  font-size: 11.2px;
  line-height: 16.8px;
  font-size: 0.7rem;
  line-height: 1.05rem;
}

/* line 1454, ../scss/main.scss */
input {
  width: 78%;
  margin-top: 1.45em;
  outline: 0;
  border: 0;
  float: left;
  display: inline;
  font-family: "Atlas Typewriter Web";
  font-size: 11.2px;
  line-height: 15.2px;
  font-size: 0.7rem;
  line-height: 0.95rem;
  color: #555555;
  background-color: transparent;
  border-bottom: 1px solid #d7d7d7;
  -webkit-appearance: none;
  border-radius: 0;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1454, ../scss/main.scss */
  input {
    font-size: 14.4px;
    line-height: 21.6px;
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}

/* line 1475, ../scss/main.scss */
.button {
  width: 20%;
  background: transparent;
  border: 0;
  margin-top: 0;
  margin-left: 4px;
  border-bottom: 1px solid #d7d7d7;
}
@media only screen and (max-width: 1550px) and (min-width: 1025px) {
  /* line 1475, ../scss/main.scss */
  .button {
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1475, ../scss/main.scss */
  .button {
    width: 2.5em;
    margin-left: 1.25em;
    padding-top: 0.275em;
  }
}
/* line 1494, ../scss/main.scss */
.button:hover {
  color: #fd5b5b;
}

/* line 1499, ../scss/main.scss */
.archive .button,
.archive label {
  color: #d7d7d7;
}

/*
**
****  08. Template Specific Styles
**
*/
/* line 1512, ../scss/main.scss */
.journal-entry {
  margin-top: 5em;
  overflow: hidden;
  position: relative;
}
/* line 1516, ../scss/main.scss */
.journal-entry .journal-entry-single {
  overflow: hidden;
  margin-bottom: 2em;
}
@media only screen and (max-width: 1024px) {
  /* line 1521, ../scss/main.scss */
  .journal-entry .journal-entry-single .span-8 {
    max-width: 57.5%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 1527, ../scss/main.scss */
  .journal-entry .journal-entry-single .span-8 {
    max-width: 100%;
    width: 100%;
  }
}
/* line 1533, ../scss/main.scss */
.journal-entry .text {
  width: calc(32.33333% - 2em);
  float: left;
  margin: 0 0 2em 2em;
  overflow: hidden;
  border-top: 1px solid #ccc;
  display: block;
}
@media only screen and (max-width: 1024px) {
  /* line 1533, ../scss/main.scss */
  .journal-entry .text {
    width: 36.85%;
  }
}
@media only screen and (max-width: 890px) {
  /* line 1533, ../scss/main.scss */
  .journal-entry .text {
    width: 75%;
    margin-left: 25%;
  }
}
@media only screen and (max-width: 480px) {
  /* line 1533, ../scss/main.scss */
  .journal-entry .text {
    width: 100%;
    margin-left: 0;
  }
}
/* line 1555, ../scss/main.scss */
.journal-entry .text .title {
  padding-top: 1em;
}
/* line 1557, ../scss/main.scss */
.journal-entry .text .title h2 {
  font-size: 16px;
  line-height: 26.4px;
  font-size: 1rem;
  line-height: 1.65rem;
  color: #bbb;
  padding-bottom: 2.5em;
}
/* line 1568, ../scss/main.scss */
.journal-entry .text .entry p, .journal-entry .text .entry h1 {
  font-size: 16px;
  line-height: 26.4px;
  font-size: 1rem;
  line-height: 1.65rem;
}
/* line 1572, ../scss/main.scss */
.journal-entry .text .share {
  padding-top: 2.5em;
}
/* line 1574, ../scss/main.scss */
.journal-entry .text .share p {
  font-size: 18.4px;
  line-height: 24px;
  font-size: 1.15rem;
  line-height: 1.5rem;
  display: inline-block;
}
/* line 1577, ../scss/main.scss */
.journal-entry .text .share p:hover {
  color: #fd5b5b;
  cursor: pointer;
}

/* line 1586, ../scss/main.scss */
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 93, 96, 0.975);
}
/* line 1595, ../scss/main.scss */
.overlay ul {
  width: 90%;
  height: auto;
  padding: 3.5em 5% 0 5%;
  margin: 0 auto;
}

/* line 1603, ../scss/main.scss */
.overlay-close {
  position: absolute;
  top: 0.85em;
  right: 0.55em;
}

/* line 1608, ../scss/main.scss */
ul.mobile li {
  font-size: 20px;
  line-height: 36px;
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-family: "Atlas Typewriter Web";
  color: #ffffff;
  display: block;
  text-align: left;
  border-bottom: 1px solid #ffffff;
  padding: 0.15em 0 0 0;
  float: none;
}
/* line 1617, ../scss/main.scss */
ul.mobile li:first-of-type {
  border: 0;
}
/* line 1620, ../scss/main.scss */
ul.mobile li:last-of-type {
  margin-top: 0;
}
/* line 1623, ../scss/main.scss */
ul.mobile li a {
  display: inline-block;
  color: #ffffff;
}
/* line 1627, ../scss/main.scss */
ul.mobile li a.active {
  border: 0;
}
/* line 1630, ../scss/main.scss */
ul.mobile li a.close {
  font-size: 16px;
  line-height: 24px;
  font-size: 1rem;
  line-height: 1.5rem;
}
/* line 1633, ../scss/main.scss */
ul.mobile li a:hover {
  border-bottom: none;
}

/*
    Featured Projects Homepage
                                */
/* line 1645, ../scss/main.scss */
.feature {
  margin-top: 1em;
}

/* line 1649, ../scss/main.scss */
img.greyscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .6s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
  /*    padding-bottom: 2.5em; */
}

/* line 1658, ../scss/main.scss */
img.greyscale:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}

/* line 1663, ../scss/main.scss */
hr#projects,
hr#studio {
  height: 6.5em;
  border: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1663, ../scss/main.scss */
  hr#projects,
  hr#studio {
    height: 5.5em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1663, ../scss/main.scss */
  hr#projects,
  hr#studio {
    height: 1.5em;
  }
}

/* line 1679, ../scss/main.scss */
.ruled {
  border-top: 1px solid #d7d7d7;
}

/* line 1685, ../scss/main.scss */
.unruled {
  border-bottom: 0 !important;
}

/*
    Projects Section
                        */
/* line 1693, ../scss/main.scss */
.mobile-projects {
  outline: 1px solid purple;
}

/* line 1696, ../scss/main.scss */
.studio .experience,
.studio .staff,
.studio .awards {
  padding-bottom: 2.5em;
}

/* line 1701, ../scss/main.scss */
.awards section {
  margin-top: 2.5em;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 1701, ../scss/main.scss */
  .awards section {
    padding-bottom: 0;
  }
}

/* line 1709, ../scss/main.scss */
.feature-name {
  margin-top: 1.5em;
}

/* line 1713, ../scss/main.scss */
ul#toggle {
  margin-top: 0.25em;
}

/* line 1716, ../scss/main.scss */
#toggle li {
  font-family: "Atlas Typewriter Web";
  font-size: 14.8px;
  line-height: 24px;
  font-size: 0.925rem;
  line-height: 1.5rem;
  display: inline;
  float: left;
  padding: 0 0.5em 0 0;
}

/* line 1724, ../scss/main.scss */
#portfolio li:nth-child(3n+3) {
  margin-right: 0;
}

/* line 1727, ../scss/main.scss */
#images {
  margin-top: 5em;
}

/* line 1731, ../scss/main.scss */
.jobs, .archives.row {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 1737, ../scss/main.scss */
.projects figure:nth-child(1) {
  margin-top: 2.5em;
}

/* line 1741, ../scss/main.scss */
.fixto-fixed {
  top: 5em;
}

/* line 1767, ../scss/main.scss */
.change-project {
  margin-top: 2.5em;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  /* line 1770, ../scss/main.scss */
  .text {
    margin-left: 33.83333%;
    width: 66.16667%;
  }
}

/*
    Project Pages
                    */
/* line 1786, ../scss/main.scss */
.scope,
.project-description {
  margin-top: 0;
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1786, ../scss/main.scss */
  .scope,
  .project-description {
    margin-top: 0.25em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1786, ../scss/main.scss */
  .scope,
  .project-description {
    margin-top: 0.25em;
  }
}

/* line 1801, ../scss/main.scss */
.project figure {
  padding-bottom: 1.5%;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1801, ../scss/main.scss */
  .project figure {
    padding-bottom: 2%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1801, ../scss/main.scss */
  .project figure {
    padding-bottom: 3%;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1801, ../scss/main.scss */
  .project figure {
    padding-bottom: 6%;
  }
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1819, ../scss/main.scss */
  figure.mobile-only {
    visibility: visible;
  }
}

/* line 1827, ../scss/main.scss */
.full {
  width: 100%;
  margin: 0;
  clear: left;
  display: block;
}

/* line 1834, ../scss/main.scss */
.three-l {
  width: 23.875%;
  float: left;
  padding-right: 1.5%;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1834, ../scss/main.scss */
  .three-l {
    width: 23.5%;
    padding-right: 2%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1834, ../scss/main.scss */
  .three-l {
    width: 22.5%;
    padding-right: 3%;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1834, ../scss/main.scss */
  .three-l {
    width: 47.5% !important;
    padding-right: 5% !important;
    padding-left: 0 !important;
  }
}

/* line 1859, ../scss/main.scss */
.three-l + .three-l {
  padding-right: 0 !important;
}

/* line 1862, ../scss/main.scss */
.three-l + .three-l + .six-r {
  padding-left: 1.5% !important;
}

/* line 1866, ../scss/main.scss */
.three-r {
  width: 23.125%;
  float: left;
  margin-left: 0%;
  padding-right: 1.5%;
}

/* line 1873, ../scss/main.scss */
.three-r-single {
  width: 23.5%;
  float: left;
  margin-left: 76.5%;
}

/* line 1879, ../scss/main.scss */
.three-r-half {
  width: 23.5%;
  float: left;
  margin-left: 51%;
}

/* line 1885, ../scss/main.scss */
.six-l-cpt {
  width: 49.25%;
  float: left;
  margin-left: 0;
  display: inline-block;
  padding-right: 3.8%;
}

/* line 1893, ../scss/main.scss */
figure.six-l-pull {
  width: 49%;
  float: left;
  margin-left: 0;
  margin-top: -490px;
  margin-bottom: 0;
  display: inline-block;
  padding-right: 1.5%;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1893, ../scss/main.scss */
  figure.six-l-pull {
    margin-top: -300px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1893, ../scss/main.scss */
  figure.six-l-pull {
    margin-top: -215px;
    width: 48.5%;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 1893, ../scss/main.scss */
  figure.six-l-pull {
    display: none;
  }
}

/* line 1919, ../scss/main.scss */
.six-l-drop {
  width: 49%;
  float: left;
  margin-left: 0;
  margin-top: 455px;
  margin-bottom: 0;
  display: inline-block;
  padding-right: 2%;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1919, ../scss/main.scss */
  .six-l-drop {
    display: none;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1919, ../scss/main.scss */
  .six-l-drop {
    display: none;
  }
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  /* line 1919, ../scss/main.scss */
  .six-l-drop {
    display: none;
  }
}

/* line 1961, ../scss/main.scss */
.six-l {
  width: 49.25%;
  float: left;
  display: inline-block;
  clear: left;
  padding-right: 1.5%;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 1961, ../scss/main.scss */
  .six-l {
    width: 49%;
    padding-right: 2%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 1961, ../scss/main.scss */
  .six-l {
    width: 48.5%;
    padding-right: 3%;
  }
}

/* line 1981, ../scss/main.scss */
.six-l-single {
  width: 49.25%;
  float: left;
  display: inline-block;
  padding-right: 50.75%;
}

/* line 1996, ../scss/main.scss */
.six-l-clear {
  width: 48.1%;
  float: left;
  clear: both;
  padding-right: 3.8%;
}

/* line 2003, ../scss/main.scss */
.six-l-pull-small {
  width: 48.1%;
  float: left;
  display: inline;
  padding-right: 3.8%;
  margin-top: -140px;
}

/* line 2011, ../scss/main.scss */
.six-r {
  width: 49.25%;
  height: auto;
  float: left;
  display: block;
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 2011, ../scss/main.scss */
  .six-r {
    width: 49%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 2011, ../scss/main.scss */
  .six-r {
    width: 48.5%;
  }
}

/* line 2027, ../scss/main.scss */
.six-r-pull {
  width: 49.25%;
  height: auto;
  float: left;
  display: block;
  margin-top: -32.8%;
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 2027, ../scss/main.scss */
  .six-r-pull {
    width: 100%;
    margin-top: 0;
  }
}

/* line 2040, ../scss/main.scss */
.six-r-single-cpt {
  width: 49.25%;
  float: right;
}

/* line 2046, ../scss/main.scss */
.six-r-single {
  width: 49.25%;
  float: left;
  padding-left: 50.75%;
}

/* line 2052, ../scss/main.scss */
.six-r-three {
  width: 49.25%;
  float: left;
  padding-left: 25.375%;
}

/* line 2058, ../scss/main.scss */
.six-r-cpt {
  width: 49.25%;
  margin-top: 550px;
  margin-bottom: 4.5em;
  float: right;
  display: inline;
}

/*
    Caption Styles
                    */
/* line 2070, ../scss/main.scss */
.img-cpts {
  font-size: 0.85em;
  line-height: 1.5;
  color: #a1a1a1;
  clear: left;
  max-width: 23.5%;
  position: relative;
  float: left;
  top: 1.25em;
  left: 0;
  z-index: 50;
}

/* line 2082, ../scss/main.scss */
.img-cpts-none {
  font-size: 0.85em;
  line-height: 1.5;
  color: #a1a1a1;
  clear: left;
  max-width: 23.5%;
  position: relative;
  padding-right: 76.5%;
  margin-bottom: 8em;
  float: left;
  top: 4.25em;
  left: 0;
  z-index: 50;
  display: inline-block !important;
}

/* line 2097, ../scss/main.scss */
.img-cpts-six-none {
  font-size: 0.85em;
  line-height: 1.5;
  color: #a1a1a1;
  clear: left;
  max-width: 48.5%;
  position: relative;
  padding-right: 50%;
  margin-bottom: 8em;
  float: left;
  top: 0;
  left: 0;
  z-index: 50;
  display: inline-block !important;
}

/* line 2113, ../scss/main.scss */
.img-cpts-six {
  font-size: 0.85em;
  line-height: 1.5;
  color: #a1a1a1;
  max-width: 48%;
  margin-bottom: 471px;
  position: relative;
  top: 1.25em;
}

/* line 2123, ../scss/main.scss */
.img-cpts-six-r {
  font-size: 0.8em;
  line-height: 1.5;
  color: #a1a1a1;
  clear: left;
  max-width: 48%;
  position: relative;
  float: left;
  top: 4.25em;
  left: 0;
  z-index: 50;
  display: inline-block !important;
}

/* line 2136, ../scss/main.scss */
.img-cpts-full {
  font-size: 0.8em;
  line-height: 1.5;
  color: #a1a1a1;
  max-width: 100%;
  margin-bottom: 3em;
}

/* line 2144, ../scss/main.scss */
.img-cpts-r {
  font-size: 12.8px;
  line-height: 20px;
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #a1a1a1;
  clear: left;
  max-width: 23.5%;
  position: relative;
  float: left;
  top: 1.5em;
  left: 50.752%;
  z-index: 50;
}

/* line 2158, ../scss/main.scss */
.img-cpts-r a {
  color: #fd5b5b;
  text-decoration: underline;
}

/* line 2163, ../scss/main.scss */
.img-cpts-r a:hover {
  color: #555555;
  text-decoration: underline;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  /* line 2172, ../scss/main.scss */
  .side-menu,
  .wrap {
    display: none;
  }
}
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) and (orientation: landscape) {
  /* line 2183, ../scss/main.scss */
  .side-menu,
  .wrap {
    display: none;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  /* line 2192, ../scss/main.scss */
  #featured {
    margin-top: 0.5em;
  }

  /* line 2195, ../scss/main.scss */
  .home #content {
    margin-top: 13em;
  }

  /* line 2198, ../scss/main.scss */
  nav.span-3 {
    width: 40%;
  }

  /* line 2201, ../scss/main.scss */
  .project-intro,
  #subscribe {
    display: none;
  }

  /* line 2205, ../scss/main.scss */
  .address {
    width: 18.5%;
  }

  /* line 2208, ../scss/main.scss */
  .contact {
    margin-right: 0;
  }

  /* line 2211, ../scss/main.scss */
  .experience .span-6 {
    width: 49.25%;
    margin-left: 25.375%;
    margin-right: 0;
  }

  /* line 2216, ../scss/main.scss */
  .staff .span-3,
  .awards .span-3 {
    width: 49.25%;
  }

  /* line 2221, ../scss/main.scss */
  .awards .span-3.ruled:nth-child(3),
  .awards .span-3.ruled:nth-child(4) {
    border-top: 0;
    margin-top: -0.5em;
  }

  /* line 2227, ../scss/main.scss */
  .staff .span-3:nth-child(2n),
  .awards .span-3:nth-child(2n) {
    margin-right: 0;
  }

  /* line 2231, ../scss/main.scss */
  .staff .span-3:nth-child(3n),
  .staff .span-3:nth-child(4n),
  .awards .span-3:nth-child(3n),
  .awards .span-3:nth-child(4n) {
    margin-left: 50.75%;
    margin-right: 0;
    margin-top: 1.5em;
  }

  /* line 2239, ../scss/main.scss */
  .services {
    width: 49.25%;
    margin-left: 50.75%;
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 768px) and (min-width: 481px) {
  /* line 2249, ../scss/main.scss */
  nav.span-4 {
    width: 42.5%;
  }

  /* line 2252, ../scss/main.scss */
  .project-description,
  .feature,
  .text {
    width: 100%;
    overflow: hidden;
    margin-left: 0;
  }

  /* line 2259, ../scss/main.scss */
  .project-intro,
  #subscribe {
    display: none;
  }

  /* line 2263, ../scss/main.scss */
  .address,
  .contact {
    width: 23.5%;
  }

  /* line 2267, ../scss/main.scss */
  .contact {
    margin-right: 0;
  }

  /* line 2275, ../scss/main.scss */
  article.span-6.push-3.last {
    margin-left: 9.625%;
    width: 64%;
  }

  /* line 2279, ../scss/main.scss */
  .services {
    margin-left: 25.375%;
    margin-top: 1.5em;
  }

  /* line 2284, ../scss/main.scss */
  .staff .span-3,
  .awards .span-3 {
    width: 74.625%;
  }

  /* line 2289, ../scss/main.scss */
  .awards .span-3.ruled:nth-child(3),
  .awards .span-3.ruled:nth-child(4) {
    border-top: 0;
    margin-top: -0.5em;
  }

  /* line 2295, ../scss/main.scss */
  .staff .span-3.ruled,
  .awards .span-3.ruled {
    width: 23.875%;
  }

  /* line 2300, ../scss/main.scss */
  .staff .span-3:nth-child(2n),
  .awards .span-3:nth-child(2n) {
    width: 74.625%;
    margin-right: 0;
  }

  /* line 2305, ../scss/main.scss */
  .staff .span-3:nth-child(3n),
  .staff .span-3:nth-child(4n),
  .awards .span-3:nth-child(3n),
  .awards .span-3:nth-child(4n) {
    width: 74.625%;
    margin-left: 25.375%;
    margin-right: 0;
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  /* line 2320, ../scss/main.scss */
  .desktop,
  .logotype,
  .project-intro,
  .col_type,
  .img-switch,
  .feature,
  #subscribe,
  .staff,
  .span-6.left,
  .mobile-hide {
    display: none;
  }

  /* line 2333, ../scss/main.scss */
  .push-1,
  .push-2,
  .push-3,
  .push-4,
  .push-5,
  .push-6 {
    margin-left: 0;
  }

  /* line 2341, ../scss/main.scss */
  .scope,
  .project-description,
  .span-3,
  footer .span-4,
  .span-6,
  .six-r,
  .six-l,
  .six-l-cpt,
  .six-l-single,
  .six-r-single,
  .six-r-single-cpt,
  .span-8,
  .span-11,
  .awards .span-4 {
    width: 100%;
  }

  /* line 2357, ../scss/main.scss */
  .six-r-single {
    padding-left: 0;
  }

  /* line 2361, ../scss/main.scss */
  footer .span-2 {
    width: 49.25%;
    padding-top: 1em;
  }
  /* line 2364, ../scss/main.scss */
  footer .span-2 + .span-2 {
    margin-right: 0;
  }

  /* line 2368, ../scss/main.scss */
  .scope {
    margin-bottom: 1.5em;
  }

  /* line 2371, ../scss/main.scss */
  .services {
    margin-top: 2.5em;
  }

  /* line 2374, ../scss/main.scss */
  aside.feature {
    padding-top: 6.5em;
  }
}