/* line 5, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 20, ../scss/_grids.scss */
.content {
  max-width: 55em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* line 12, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/susy-2.2.2/sass/susy/output/support/_clearfix.scss */
.content:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 106, ../../../../.rvm/gems/ruby-2.0.0-p247/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 100%;
  line-height: 1.5em;
}

/* line 3, ../scss/base/_typography.scss */
html {
  font-family: "aktiv-grotesk-std", "helvetica neue", helvetica, arial, sans-serif;
  color: #444444;
}

/* ==========================================================================
   Typography resets
   ========================================================================== */
/* line 17, ../scss/base/_typography.scss */
div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5,
h6, pre, form, p, blockquote,
th, td {
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   Type size
   ========================================================================== */
/* line 31, ../scss/base/_typography.scss */
h1 {
  font-size: 1.5em;
  line-height: 2em;
}

/* line 32, ../scss/base/_typography.scss */
h2 {
  font-size: 1.375em;
  line-height: 2.18182em;
}

/* line 33, ../scss/base/_typography.scss */
h3 {
  font-size: 1.25em;
  line-height: 1.2em;
}

/* line 34, ../scss/base/_typography.scss */
h4 {
  font-size: 1.125em;
  line-height: 1.33333em;
}

/* line 35, ../scss/base/_typography.scss */
h5 {
  font-size: 1em;
  line-height: 1.5em;
}

/* line 36, ../scss/base/_typography.scss */
h6 {
  font-size: 0.875em;
  line-height: 1.71429em;
}

/* ==========================================================================
   Type rhythm
   ========================================================================== */
/* line 52, ../scss/base/_typography.scss */
p {
  margin: 0 0 1.5em 0;
}

/* line 53, ../scss/base/_typography.scss */
ol, ul {
  margin: 0 0 1.5em 0;
}

/* line 55, ../scss/base/_typography.scss */
ol, ul {
  margin-left: 2rem;
  list-style-position: outside;
  list-style-type: disc;
}

/* line 56, ../scss/base/_typography.scss */
ol {
  list-style-position: outside;
  list-style-type: decimal;
}

/* ==========================================================================
   Headings
   ========================================================================== */
/* line 67, ../scss/base/_typography.scss */
h1, h2, h3, h4, h5 {
  font-family: "aktiv-grotesk-std", "helvetica neue", helvetica, arial, sans-serif;
  color: #444444;
}

/* line 73, ../scss/base/_typography.scss */
h1 {
  line-height: 2rem;
}

/* ==========================================================================
   Paragraphs
   ========================================================================== */
/* line 85, ../scss/base/_typography.scss */
p {
  font-family: "aktiv-grotesk-std", "helvetica neue", helvetica, arial, sans-serif;
  color: #444444;
}

/* ==========================================================================
   Anchors
   ========================================================================== */
/* line 96, ../scss/base/_typography.scss */
a {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  letter-spacing: .5px;
  color: #dedede;
  padding: 10px 25px;
  line-height: inherit;
}
/* line 104, ../scss/base/_typography.scss */
a:hover, a:focus {
  color: #ffffff;
}
/* line 109, ../scss/base/_typography.scss */
a img {
  border: none;
}

/* ==========================================================================
   Core typography
   ========================================================================== */
/* line 118, ../scss/base/_typography.scss */
p, span, address, cite, ol, ul, pre, label, input, textarea {
  font-size: 1em;
  line-height: 1.5em;
}

/* line 119, ../scss/base/_typography.scss */
li {
  line-height: inherit;
}

/* line 120, ../scss/base/_typography.scss */
strong, b {
  font-weight: 700;
}

/* line 121, ../scss/base/_typography.scss */
em, i, q {
  font-style: italic;
}

/* line 122, ../scss/base/_typography.scss */
address {
  font-style: normal;
}

/* line 123, ../scss/base/_typography.scss */
small {
  font-size: 0.875em;
  line-height: 1.71429em;
}

/* line 126, ../scss/base/_typography.scss */
.text-center {
  text-align: center;
}

/* line 1, ../scss/utilities/_extends.scss */
.tags, footer .social {
  margin: 0;
  list-style: none;
}

/* line 6, ../scss/utilities/_extends.scss */
.contact_form button {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  background: #444444;
  border-radius: 2px;
  outline: none;
  margin-bottom: 0;
  line-height: 1.15;
  padding: .75rem 1.5rem;
  display: inline-block;
  border: none;
  font-family: "aktiv-grotesk-std", "helvetica neue", helvetica, arial, sans-serif;
  font-size: 16px;
}
/* line 20, ../scss/utilities/_extends.scss */
.contact_form button:hover, .contact_form button:active, .contact_form button:focus {
  color: #ffffff;
  background: black;
}

/* line 1, ../scss/modules/_animations.scss */
.flash {
  -moz-animation-name: flash;
  -webkit-animation-name: flash;
  animation-name: flash;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-moz-keyframes flash2x {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes flash2x {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash2x {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* line 1, ../scss/modules/_arrows.scss */
.down-arrow {
  width: 40px;
  margin: 0 auto;
}
/* line 5, ../scss/modules/_arrows.scss */
.down-arrow a {
  bottom: 2%;
  height: 50px;
  position: absolute;
  width: 50px;
  padding: 0;
}
/* line 12, ../scss/modules/_arrows.scss */
.down-arrow a:before, .down-arrow a:after {
  display: block;
  content: "";
  border-width: 12px 14px 0;
  border-style: solid;
  height: 0;
  width: 0;
  position: absolute;
  left: 25%;
  margin-top: 40%;
}
/* line 24, ../scss/modules/_arrows.scss */
.down-arrow a:before {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-color: #afafaf transparent;
  top: -1px;
}
/* line 30, ../scss/modules/_arrows.scss */
.down-arrow a:after {
  border-color: #1B1B1C transparent;
  top: -3px;
}
/* line 36, ../scss/modules/_arrows.scss */
.down-arrow a:hover:before {
  border-color: #ffffff transparent;
}

/* line 43, ../scss/modules/_arrows.scss */
.down-arrow--two {
  width: 40px;
  margin: 0 auto;
}
/* line 47, ../scss/modules/_arrows.scss */
.down-arrow--two a {
  bottom: 2%;
  height: 50px;
  position: absolute;
  width: 50px;
  padding: 0;
  text-align: center;
}

/* line 1, ../scss/modules/_buttons.scss */
.button,
button {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  background: #444444;
  border-radius: 2px;
  outline: none;
  margin-bottom: 0;
  line-height: 1.15;
  padding: .75rem 1.5rem;
  display: inline-block;
}
/* line 13, ../scss/modules/_buttons.scss */
.button:hover, .button:active, .button:focus,
button:hover,
button:active,
button:focus {
  color: #ffffff;
  background: black;
}

/* line 21, ../scss/modules/_buttons.scss */
.button.light,
button.light {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #444444;
  background: #ffffff;
  border-radius: 2px;
  outline: none;
  margin-bottom: 0;
  line-height: 1.15;
  padding: .75rem 1.5rem;
  display: inline-block;
}
/* line 33, ../scss/modules/_buttons.scss */
.button.light:hover, .button.light:active, .button.light:focus,
button.light:hover,
button.light:active,
button.light:focus {
  color: #444444;
  background: #e6e6e6;
}

/* line 1, ../scss/modules/_content.scss */
.dead-center {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
}

/* line 9, ../scss/modules/_content.scss */
.full-width {
  background-color: #ffffff;
}

/* line 13, ../scss/modules/_content.scss */
.full-width.shaded {
  background-color: #f0f0f0;
}

/* line 17, ../scss/modules/_content.scss */
.full-width.dark {
  background-color: #1B1B1C;
}

/*** Contact Form ***/
/* line 5, ../scss/modules/_form.scss */
.contact_form .field {
  margin-top: 1.5rem;
}
/* line 8, ../scss/modules/_form.scss */
.contact_form .field:first-child {
  margin-top: 0;
}
/* line 12, ../scss/modules/_form.scss */
.contact_form .field:last-child {
  margin-top: 0;
}
/* line 17, ../scss/modules/_form.scss */
.contact_form label {
  width: 75%;
  margin: 0 auto .25rem;
  text-align: left;
  display: block;
  color: #444444;
  font-size: 14px;
}
/* line 26, ../scss/modules/_form.scss */
.contact_form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #444444;
  width: 75%;
  padding: 0.5em 0.5em;
  border: 1px solid #D9D9D9;
  outline: none;
}
/* line 36, ../scss/modules/_form.scss */
.contact_form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  color: #444444;
  resize: none;
  width: 75%;
  height: 200px;
  padding: 0.5em 0.5em;
  border: 1px solid #D9D9D9;
  outline: none;
}
/* line 48, ../scss/modules/_form.scss */
.contact_form button {
  display: block;
  margin: 0.75em auto 0;
  width: 75%;
}
/* line 55, ../scss/modules/_form.scss */
.contact_form .success {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  margin: 0 auto 2rem;
  padding: 1em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}
/* line 66, ../scss/modules/_form.scss */
.contact_form .error {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  box-sizing: border-box;
  margin: 0 auto 2rem;
  padding: 1em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
}

/*** End Contact Form ***/
/* line 1, ../scss/modules/_icons.scss */
.icn-logo {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  fill: #dedede;
  height: 30px;
  width: 50px;
  float: left;
  margin: 1.5em 0 0 1.5em;
  position: absolute;
}
/* line 9, ../scss/modules/_icons.scss */
.icn-logo:hover {
  fill: #ffffff;
}

/* line 1, ../scss/modules/_menu.scss */
.main-nav {
  position: fixed;
  z-index: 99;
  height: 80px;
}
/* line 6, ../scss/modules/_menu.scss */
.main-nav a.logo {
  padding: 0;
}
/* line 10, ../scss/modules/_menu.scss */
.main-nav .main_menu {
  padding-top: 1.875em;
  display: -webkit-flex;
  display: flex;
  right: 1.5em;
  position: fixed;
  margin: 0;
  list-style: none;
  font-family: 'proxima-nova', Helvetica, Arial;
  text-transform: uppercase;
}
/* line 20, ../scss/modules/_menu.scss */
.main-nav .main_menu li {
  font-size: 0.75em;
  line-height: 2em;
}

/* line 26, ../scss/modules/_menu.scss */
.main-nav-scrolled {
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: rgba(27, 27, 28, 0.95);
  width: 100%;
}

/* line 1, ../scss/modules/_parallax.scss */
.parallax {
  -moz-perspective: 300;
  -webkit-perspective: 300;
  perspective: 300;
  -moz-perspective-origin: 100%;
  -webkit-perspective-origin: 100%;
  perspective-origin: 100%;
  height: 500px;
  /* fallback for older browsers */
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  perspective: 300px;
  /* fallback for firefox */
}

/* line 11, ../scss/modules/_parallax.scss */
.parallax__group01 {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 500px;
  /* fallback for older browsers */
  height: 100vh;
}

/* line 18, ../scss/modules/_parallax.scss */
.parallax__group02 {
  -moz-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}

/* line 23, ../scss/modules/_parallax.scss */
.parallax__layer {
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 32, ../scss/modules/_parallax.scss */
.parallax__layer--base {
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 4;
}

/* line 37, ../scss/modules/_parallax.scss */
.parallax__layer--back {
  -moz-transform: translateZ(-250px) scale(2);
  -ms-transform: translateZ(-250px) scale(2);
  -webkit-transform: translateZ(-250px) scale(2);
  transform: translateZ(-250px) scale(2);
  background-color: #1B1B1C;
  z-index: 1;
}

/* line 3, ../scss/modules/_portfolio-item.scss */
.househappy-background {
  background: url(/assets/images/househappy/images/househappy-sm-bg.jpg) 50% 50%/cover;
}

/* line 7, ../scss/modules/_portfolio-item.scss */
.househappy-app-background {
  background: url(/assets/images/househappy-app/images/househappy-app-sm-bg.jpg) 50% 50%/cover;
}

/* line 11, ../scss/modules/_portfolio-item.scss */
.merudanda-background {
  background: url(/assets/images/merudanda/images/merudanda-sm-bg.jpg) 50% 50%/cover;
}

/* line 15, ../scss/modules/_portfolio-item.scss */
.typography-background {
  background: url(/assets/images/typography/images/typography-sm-bg.jpg) 50% 50%/cover;
}

/* line 19, ../scss/modules/_portfolio-item.scss */
.kinofly-background {
  background: url(/assets/images/kinofly/images/kinofly-sm-bg.jpg) 50% 50%/cover;
}

/* line 23, ../scss/modules/_portfolio-item.scss */
.thesis-background {
  background: url(/assets/images/thesis/images/thesis-sm-bg.jpg) 50% 50%/cover;
}

/* line 27, ../scss/modules/_portfolio-item.scss */
.portfolio-overlay {
  left: 0;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  opacity: 1;
  width: 100%;
  z-index: -1;
}

/* line 39, ../scss/modules/_portfolio-item.scss */
.portfolio .parallax__group01 {
  height: 90vh;
}

/* line 44, ../scss/modules/_portfolio-item.scss */
.portfolio-info {
  padding-top: 6em;
  padding-bottom: 6em;
  z-index: 9999;
  position: relative;
  text-align: center;
}
/* line 51, ../scss/modules/_portfolio-item.scss */
.portfolio-info h1 {
  padding-bottom: 0.75em;
  font-weight: 500;
}
@media (max-width: 40em) {
  /* line 51, ../scss/modules/_portfolio-item.scss */
  .portfolio-info h1 {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
}
/* line 60, ../scss/modules/_portfolio-item.scss */
.portfolio-info h3 {
  padding-bottom: 1.5em;
  font-weight: 300;
  padding-bottom: .75em;
}
@media (max-width: 40em) {
  /* line 60, ../scss/modules/_portfolio-item.scss */
  .portfolio-info h3 {
    font-size: 1.125em;
    line-height: 1.33333em;
  }
}

/* line 73, ../scss/modules/_portfolio-item.scss */
.tags li {
  border: 1px solid #999;
  border-radius: 2px;
  color: #777;
  font-size: 14px;
  display: inline-block;
  padding: 3px 15px;
  margin: 0.75em 5px 0;
}
@media (max-width: 40em) {
  /* line 73, ../scss/modules/_portfolio-item.scss */
  .tags li {
    font-size: 0.75em;
    line-height: 2em;
    width: 25%;
  }
}

/* line 95, ../scss/modules/_portfolio-item.scss */
.image-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background: #ffffff;
  width: 100%;
}

/* line 103, ../scss/modules/_portfolio-item.scss */
.image-grid-item--full {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 108, ../scss/modules/_portfolio-item.scss */
.image-grid-item--full img {
  float: left;
  width: 100%;
}

/* line 114, ../scss/modules/_portfolio-item.scss */
.image-grid-item--half {
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 119, ../scss/modules/_portfolio-item.scss */
.image-grid-item--half img {
  float: left;
  width: 100%;
}

@media (max-width: 40em) {
  /* line 126, ../scss/modules/_portfolio-item.scss */
  .image-grid-item--half {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 131, ../scss/modules/_portfolio-item.scss */
.image-grid-item--third {
  -webkit-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 136, ../scss/modules/_portfolio-item.scss */
.image-grid-item--third img {
  float: left;
  width: 100%;
}

@media (max-width: 64em) {
  /* line 143, ../scss/modules/_portfolio-item.scss */
  .image-grid-item--third {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 40em) {
  /* line 149, ../scss/modules/_portfolio-item.scss */
  .image-grid-item--third {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 154, ../scss/modules/_portfolio-item.scss */
.padding-leader {
  padding-top: 3em;
}

/* line 158, ../scss/modules/_portfolio-item.scss */
.padding-trailer {
  padding-bottom: 3em;
}

/* line 162, ../scss/modules/_portfolio-item.scss */
.portfolio-grid.shaded {
  background-color: #f0f0f0;
}

/* line 166, ../scss/modules/_portfolio-item.scss */
.contact-info--dark {
  padding-top: 6em;
  padding-bottom: 6em;
  z-index: 9999;
  position: relative;
  text-align: center;
}
/* line 172, ../scss/modules/_portfolio-item.scss */
.contact-info--dark h1 {
  color: #ffffff;
  padding-bottom: 0.75em;
  font-weight: 500;
}
@media (max-width: 40em) {
  /* line 172, ../scss/modules/_portfolio-item.scss */
  .contact-info--dark h1 {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
}
/* line 183, ../scss/modules/_portfolio-item.scss */
.contact-info--dark h3 {
  font-weight: 300;
  color: #ffffff;
}
@media (max-width: 40em) {
  /* line 183, ../scss/modules/_portfolio-item.scss */
  .contact-info--dark h3 {
    font-size: 1.125em;
    line-height: 1.33333em;
  }
}

/* line 196, ../scss/modules/_portfolio-item.scss */
.kinofly-logo {
  padding-top: 4.5em;
  padding-bottom: 4.5em;
  background: #e95026;
}

/* line 202, ../scss/modules/_portfolio-item.scss */
.icn-kinofly-logo {
  fill: #ffffff;
  margin: 0 auto;
  display: block;
  width: 420px;
}

/* line 209, ../scss/modules/_portfolio-item.scss */
.video {
  max-height: 500px;
  overflow: hidden;
}

/* line 214, ../scss/modules/_portfolio-item.scss */
.video-background {
  top: 0;
  left: 0;
  width: 100%;
  background: none repeat scroll 0 0 white;
}

/* line 1, ../scss/modules/_p-homepage.scss */
body {
  background-color: #1B1B1C;
}

/* line 5, ../scss/modules/_p-homepage.scss */
body, html {
  overflow: hidden;
}

/* TOP CONTENT */
/* line 12, ../scss/modules/_p-homepage.scss */
.dead-center h2 {
  font-size: 3.25em;
  line-height: 1.38462em;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "din-condensed-web", "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (max-width: 40em) {
  /* line 12, ../scss/modules/_p-homepage.scss */
  .dead-center h2 {
    font-size: 2.5em;
    line-height: 1.2em;
    margin-bottom: 0.225em;
  }
}

/* line 27, ../scss/modules/_p-homepage.scss */
.home-background {
  background: url(/assets/images/home/home-sm-bg.jpg) 50% 50%/cover;
}

/* line 32, ../scss/modules/_p-homepage.scss */
.overlay {
  left: 0;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  opacity: 1;
  width: 100%;
  z-index: 2;
}

/* PORTFOLIO GRID */
/* line 46, ../scss/modules/_p-homepage.scss */
.portfolio-grid {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  background: #ffffff;
  width: 100%;
}

/* line 54, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item {
  -webkit-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
/* line 59, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item img {
  float: left;
  width: 100%;
}
/* line 64, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item a {
  padding: 0;
}
/* line 68, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item .overlay {
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  font-size: 14px;
  letter-spacing: 1px;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
}
/* line 75, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item .overlay .dead-center {
  top: 85%;
  font-weight: 300;
}
/* line 79, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item .overlay .dead-center .title {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  font-weight: 400;
}
/* line 86, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item .overlay .dead-center .description {
  color: #ffffff;
  margin: 0;
  font-size: 12px;
}
/* line 95, ../scss/modules/_p-homepage.scss */
.portfolio-grid-item:hover .overlay {
  opacity: 1;
}

@media (max-width: 64em) {
  /* line 102, ../scss/modules/_p-homepage.scss */
  .portfolio-grid-item {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 40em) {
  /* line 108, ../scss/modules/_p-homepage.scss */
  .portfolio-grid-item {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}
/* line 115, ../scss/modules/_p-homepage.scss */
.home-info {
  padding-top: 9em;
  padding-bottom: 9em;
  z-index: 9999;
  position: relative;
  text-align: center;
}
/* line 121, ../scss/modules/_p-homepage.scss */
.home-info h1 {
  padding-bottom: 0.75em;
  font-weight: 500;
}
@media (max-width: 40em) {
  /* line 121, ../scss/modules/_p-homepage.scss */
  .home-info h1 {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
}
/* line 130, ../scss/modules/_p-homepage.scss */
.home-info h3 {
  padding-bottom: 1.5em;
  font-weight: 300;
}
@media (max-width: 40em) {
  /* line 130, ../scss/modules/_p-homepage.scss */
  .home-info h3 {
    font-size: 1.125em;
    line-height: 1.33333em;
  }
}

/* line 144, ../scss/modules/_p-homepage.scss */
footer {
  padding-top: 2.25em;
  padding-bottom: 2.25em;
}
/* line 146, ../scss/modules/_p-homepage.scss */
footer p {
  font-size: 12px;
  color: #dedede;
  margin: 0;
  float: left;
  line-height: 30px;
}
/* line 153, ../scss/modules/_p-homepage.scss */
footer .social {
  float: right;
}
/* line 156, ../scss/modules/_p-homepage.scss */
footer .social li {
  display: inline-block;
}
/* line 159, ../scss/modules/_p-homepage.scss */
footer .social li a {
  padding: 0;
}
/* line 163, ../scss/modules/_p-homepage.scss */
footer .social li a:hover .icn {
  fill: #ffffff;
}
/* line 169, ../scss/modules/_p-homepage.scss */
footer .social li .icn {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 16px;
  width: 20px;
  margin-left: 15px;
  fill: #dedede;
  vertical-align: bottom;
}

/* line 2, ../scss/modules/_p-connect.scss */
.connect .parallax__group01 {
  height: 90vh;
}

/* line 7, ../scss/modules/_p-connect.scss */
.connect-background {
  background: url(/assets/images/connect/connect-sm-bg.jpg) 50% 50%/cover;
}

/* line 11, ../scss/modules/_p-connect.scss */
.connect-overlay {
  left: 0;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  opacity: 1;
  width: 100%;
  z-index: -1;
}

/* line 22, ../scss/modules/_p-connect.scss */
.about-content {
  width: 100%;
}
/* line 24, ../scss/modules/_p-connect.scss */
.about-content p {
  margin-bottom: 0em;
  color: #dedede;
}
@media (max-width: 40em) {
  /* line 24, ../scss/modules/_p-connect.scss */
  .about-content p {
    font-size: 0.875em;
    line-height: 1.71429em;
  }
}
/* line 34, ../scss/modules/_p-connect.scss */
.about-content .bullet {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
/* line 39, ../scss/modules/_p-connect.scss */
.about-content .email {
  text-decoration: underline;
}
@media (max-width: 40em) {
  /* line 39, ../scss/modules/_p-connect.scss */
  .about-content .email {
    font-size: 0.875em;
    line-height: 1.71429em;
  }
}

/* line 49, ../scss/modules/_p-connect.scss */
.contact-info {
  padding-top: 6em;
  padding-bottom: 6em;
  z-index: 9999;
  position: relative;
  text-align: center;
}
/* line 55, ../scss/modules/_p-connect.scss */
.contact-info h1 {
  padding-bottom: 0.75em;
  font-weight: 500;
}
@media (max-width: 40em) {
  /* line 55, ../scss/modules/_p-connect.scss */
  .contact-info h1 {
    font-size: 1.375em;
    line-height: 1.36364em;
  }
}
/* line 64, ../scss/modules/_p-connect.scss */
.contact-info h3 {
  padding-bottom: 1.5em;
  font-weight: 300;
}
@media (max-width: 40em) {
  /* line 64, ../scss/modules/_p-connect.scss */
  .contact-info h3 {
    font-size: 1.125em;
    line-height: 1.33333em;
  }
}

/* line 75, ../scss/modules/_p-connect.scss */
#map-canvas {
  width: 100%;
  height: 30em;
}

/*# sourceMappingURL=app.css.map */