@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.device,
.device * {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.project-opening .device-iphone,
.project-open .device-iphone {
  margin: 75px auto;
  -webkit-transform: scale(1, 1);
}
.project-opening .device-iphone .device-frame,
.project-open .device-iphone .device-frame {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.device-container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.device-browser {
  width: 86%;
  margin-top: 0;
  margin-left: 7%;
  left: 0;
  -webkit-transform: scale(0.75, 0.75);
  -webkit-perspective: 1500px;
  transition: 0.3s all ease-in-out;
}
.device-browser .browser-chrome {
  padding: 0 6px 2px;
  border: 1px solid;
  border-radius: 3px;
  -webkit-transform: rotateX(0deg) rotateY(40deg) rotateZ(0deg);
  transition: 0.3s all ease-in-out;
}
.device-browser .window-controls {
  float: left;
  padding: 0 0 2px;
}
.device-browser .window-controls .window-control {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: -2px;
  border: 1px solid;
  border-radius: 50%;
}
.device-browser .browser-screen {
  clear: both;
  width: 100%;
}
.device-browser .browser-screen img {
  border: 1px solid;
}
.project-open .device-browser,
.project-opening .device-browser {
  width: 100%;
  margin: 3% 0 0;
  -webkit-transform: scale(1, 1);
  -webkit-perspective: 1500px;
}
.project-open .device-browser .browser-chrome,
.project-opening .device-browser .browser-chrome {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
.project-open .device-browser {
  position: static;
}
.device-iphone {
  margin: -50px auto;
  -webkit-transform: scale(0.75, 0.75);
  transition: 0.3s all ease-in-out;
}
.device-iphone .device-frame {
  margin: 0 auto;
  width: 248px;
  height: 520px;
  -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
  transition: 0.3s all ease-in-out;
}
.device-iphone .device-frame .device-layer div {
  position: absolute;
  -webkit-transform-origin: 0 0 0;
}
.device-iphone .device-frame .device-layer .gap {
  width: 0px;
  height: 32px;
  border-right: 1px solid;
}
.device-iphone .device-frame .device-layer .curve {
  width: 0px;
  height: 32px;
}
.device-iphone .device-frame .device-layer .home-button {
  top: 462px;
  left: 50%;
  width: 46.8px;
  height: 46.8px;
  margin-left: -24.4px;
  border: 1px solid;
  border-radius: 50px;
  -webkit-transform: translateZ(2px);
  transform: translateZ(2px);
}
.device-iphone .device-frame .device-layer .screen {
  top: 64px;
  left: 50%;
  width: 218px;
  height: 388px;
  margin-left: -109px;
  border: 1px solid;
  -webkit-transform: translateZ(2px);
  transform: translateZ(2px);
}
.device-iphone .device-frame .device-layer .screen:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
.device-iphone .device-frame .device-layer .screenshot {
  position: absolute;
  top: 328px;
  width: 328px;
  height: 218px;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transform: translateZ(0) rotateZ(-90deg);
  transform: translateZ(0) rotateZ(-90deg);
}
.device-iphone .device-frame .device-layer .camera-front {
  top: 22px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -5px;
  border: 1px solid;
  border-radius: 9px;
  -webkit-transform: translateZ(2px);
  transform: translateZ(2px);
}
.device-iphone .device-frame .device-layer .earphone {
  top: 18px;
  left: 3px;
  width: 18px;
  height: 18px;
  margin-top: -12px;
  border: 1px solid;
  border-radius: 50%;
}
.device-iphone .device-frame .device-layer .speaker-front {
  top: 40px;
  left: 50%;
  width: 48px;
  height: 6px;
  margin-left: -24px;
  overflow: hidden;
  border: 1px solid;
  border-radius: 50px;
  -webkit-transform: translateZ(2px);
  transform: translateZ(2px);
}
.device-iphone .device-frame .device-layer .speaker-front .speaker-hole {
  position: static;
  float: left;
  width: 2px;
  height: 2px;
  margin: 1px;
  border: 1px solid;
  border-radius: 50%;
}
.device-iphone .device-frame .device-layer .speaker-bottom {
  top: 50%;
  overflow: hidden;
  height: 12px;
  margin-top: -6px;
  -webkit-transform: translateZ(0.5px);
  transform: translateZ(0.5px);
}
.device-iphone .device-frame .device-layer .speaker-bottom .speaker-hole {
  position: static;
  float: left;
  width: 4px;
  height: 4px;
  margin: 1px;
  border: 1px solid;
  border-radius: 50%;
}
.device-iphone .device-frame .device-layer .speaker-right {
  right: 12px;
  width: 48px;
}
.device-iphone .device-frame .device-layer .speaker-left {
  left: 30px;
  width: 30px;
}
.device-iphone .device-frame .device-layer .dock {
  top: 50%;
  left: 50%;
  width: 40px;
  height: 14px;
  margin: -7px 0 0 -20px;
  border: 1px solid;
  border-radius: 8px;
}
.device-iphone .device-frame .device-layer .dock .connector {
  top: 50%;
  left: 50%;
  width: 30px;
  height: 4px;
  margin: -1px 0 0 -15px;
  border: 1px solid;
  border-radius: 8px;
}
.device-iphone .device-frame .device-layer .screw {
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border: 1px solid;
  text-align: center;
  font: bold 6px/8px Verdana, sans-serif;
  border-radius: 8px;
  -webkit-transform: translateZ(0.5px);
  transform: translateZ(0.5px);
}
.device-iphone .device-frame .device-layer .screw-left {
  left: 70px;
}
.device-iphone .device-frame .device-layer .screw-right {
  right: 70px;
}
.device-iphone .device-frame .device-layer .top,
.device-iphone .device-frame .device-layer .bottom {
  width: 214px;
  height: 30px;
}
.device-iphone .device-frame .device-layer .top {
  -webkit-transform: translate(20px) rotateX(-90deg);
  transform: translate(20px) rotateX(-90deg);
}
.device-iphone .device-frame .device-layer .bottom {
  -webkit-transform: translate(20px, 520px) rotateX(-90deg);
  transform: translate(20px, 520px) rotateX(-90deg);
}
.device-iphone .device-frame .device-layer .right,
.device-iphone .device-frame .device-layer .left {
  width: 460px;
  height: 30px;
}
.device-iphone .device-frame .device-layer .right {
  -webkit-transform: translate(248px, 10px) rotateY(-90deg) rotateZ(90deg);
  transform: translate(248px, 18px) rotateY(-90deg) rotateZ(90deg);
}
.device-iphone .device-frame .device-layer .left {
  -webkit-transform: translate(0, 20px) rotateY(-90deg) rotateZ(90deg);
  transform: translate(0, 20px) rotateY(-90deg) rotateZ(90deg);
}
.device-iphone .device-frame .device-layer .front,
.device-iphone .device-frame .device-layer .back {
  width: 248px;
  height: 520px;
  border-radius: 20px;
}
.device-iphone .device-frame .device-layer-middle .bottom .curve {
  -webkit-transform: translate3D(-8px, -6px, 0);
  transform: translate3D(-4px, -3px, 0);
  border-right: 1px solid;
  border-radius: 0 0 8px 0;
}
.device-iphone .device-frame .device-layer-middle .right .gap-top {
  -webkit-transform: translate3D(35px, -1px, -1px);
  transform: translate3D(35px, 20px, -1px);
}
.device-iphone .device-frame .device-layer-middle .right .gap-bottom {
  -webkit-transform: translate3D(460px, -1px, -1px);
  transform: translate3D(460px, -1px, -1px);
}
.device-iphone .device-frame .device-layer-middle .right .curve {
  -webkit-transform: translate3D(3px, -3px, 0);
  transform: translate3D(3px, -5px, 0);
  height: 36px;
  width: 5px;
  border-left: 1px solid;
  border-radius: 0 0 0 8px;
}
.device-iphone .device-frame .device-layer-front,
.device-iphone .device-frame .device-layer-back {
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.device-iphone .device-frame .device-layer-front {
  -webkit-transform: translate3D(0, 0, 0) scale3D(1, 1, 1);
  transform: translate3D(0, 0, 0) scale3D(1, 1, 1);
}
.device-iphone .device-frame .device-layer-front .front {
  -webkit-transform: translate3D(0px, 0px, 0px) scale(1, 1);
  transform: translate3D(0px, 0px, 0px) scale(1, 1);
  border: 1px solid;
}
.device-iphone .device-frame .device-layer-back {
  -webkit-transform: translate3D(0, 0, -32px) scale3D(1, 1, 1);
  transform: translate3D(0, 0, -32px) scale3D(1, 1, 1);
}
.device-iphone .device-frame .device-layer-back .front {
  -webkit-transform: translate3D(0px, 0px, 0px);
  transform: translate3D(0px, 0px, 0px);
}
.device-iphone .device-frame .device-layer-back .back {
  -webkit-transform: translate3D(0px, 0px, 0px) scale(1, 1);
  transform: translate3D(0px, 0px, 0px) scale(1, 1);
  border: 1px solid;
}
.device-iphone .device-frame .device-layer-middle .top:before,
.device-iphone .device-frame .device-layer-middle .bottom:after,
.device-iphone .device-frame .device-layer-middle .left:before,
.device-iphone .device-frame .device-layer-middle .left:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  width: 16px;
  -webkit-transform: translateZ(3px) rotateY(22.5deg);
  transform: translateZ(3px) rotateY(22.5deg);
}
.device-iphone .device-frame .device-layer-middle .top:after,
.device-iphone .device-frame .device-layer-middle .right:before,
.device-iphone .device-frame .device-layer-middle .bottom:before {
  left: auto;
  right: -15px;
  -webkit-transform: translateZ(3px) rotateY(-22.5deg);
  transform: translateZ(3px) rotateY(-22.5deg);
}
.device-iphone .device-frame .device-layer-middle .bottom:before,
.device-iphone .device-frame .device-layer-middle .left:after {
  -webkit-transform: translateZ(-3px) rotateY(22.5deg);
  transform: translateZ(-3px) rotateY(22.5deg);
}
.device-iphone .device-frame .device-layer-middle .bottom:before,
.device-iphone .device-frame .device-layer-middle .right:before {
  background: none;
}
.device-iphone .device-frame .device-layer-middle .bottom:after,
.device-iphone .device-frame .device-layer-middle .left:before {
  -webkit-transform: translateZ(-3px) rotateY(-22.5deg);
  transform: translateZ(-3px) rotateY(-22.5deg);
}
.device-iphone .device-frame .device-layer-middle .left:after {
  left: auto;
  right: -15px;
}
@font-face {
  font-family: "SSAir";
  src: url('../font/ss-air.eot');
  src: url('../font/ss-air.eot?#iefix') format('embedded-opentype'), url('../font/ss-air.woff') format('woff'), url('../font/ss-air.ttf') format('truetype'), url('../font/ss-air.svg#SSAir') format('svg');
  font-weight: 400;
  font-style: normal;
}
html:hover [class^="ss-"] {
  -ms-zoom: 1;
}
.ss-icon,
.ss-icon.ss-air,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-air:before,
[class*=" ss-"].ss-air:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-air.right:after,
[class*=" ss-"].ss-air.right:after {
  font-family: "SSAir";
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: '';
}
.ss-cursor:before,
.ss-cursor.right:after {
  content: '';
}
.ss-crosshair:before,
.ss-crosshair.right:after {
  content: '⌖';
}
.ss-search:before,
.ss-search.right:after {
  content: '🔎';
}
.ss-zoomin:before,
.ss-zoomin.right:after {
  content: '';
}
.ss-zoomout:before,
.ss-zoomout.right:after {
  content: '';
}
.ss-view:before,
.ss-view.right:after {
  content: '👀';
}
.ss-viewdisabled:before,
.ss-viewdisabled.right:after {
  content: '';
}
.ss-binoculars:before,
.ss-binoculars.right:after {
  content: '';
}
.ss-attach:before,
.ss-attach.right:after {
  content: '📎';
}
.ss-link:before,
.ss-link.right:after {
  content: '🔗';
}
.ss-move:before,
.ss-move.right:after {
  content: '';
}
.ss-write:before,
.ss-write.right:after {
  content: '✎';
}
.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
  content: '';
}
.ss-compose:before,
.ss-compose.right:after {
  content: '📝';
}
.ss-lock:before,
.ss-lock.right:after {
  content: '🔒';
}
.ss-unlock:before,
.ss-unlock.right:after {
  content: '🔓';
}
.ss-key:before,
.ss-key.right:after {
  content: '🔑';
}
.ss-backspace:before,
.ss-backspace.right:after {
  content: '⌫';
}
.ss-ban:before,
.ss-ban.right:after {
  content: '🚫';
}
.ss-trash:before,
.ss-trash.right:after {
  content: '';
}
.ss-target:before,
.ss-target.right:after {
  content: '◎';
}
.ss-skull:before,
.ss-skull.right:after {
  content: '💀';
}
.ss-tag:before,
.ss-tag.right:after {
  content: '';
}
.ss-bookmark:before,
.ss-bookmark.right:after {
  content: '🔖';
}
.ss-flag:before,
.ss-flag.right:after {
  content: '⚑';
}
.ss-like:before,
.ss-like.right:after {
  content: '👍';
}
.ss-dislike:before,
.ss-dislike.right:after {
  content: '👎';
}
.ss-heart:before,
.ss-heart.right:after {
  content: '♥';
}
.ss-unheart:before,
.ss-unheart.right:after {
  content: '';
}
.ss-star:before,
.ss-star.right:after {
  content: '⋆';
}
.ss-unstar:before,
.ss-unstar.right:after {
  content: '';
}
.ss-sample:before,
.ss-sample.right:after {
  content: '';
}
.ss-crop:before,
.ss-crop.right:after {
  content: '';
}
.ss-cut:before,
.ss-cut.right:after {
  content: '✂';
}
.ss-clipboard:before,
.ss-clipboard.right:after {
  content: '📋';
}
.ss-ruler:before,
.ss-ruler.right:after {
  content: '';
}
.ss-gridlines:before,
.ss-gridlines.right:after {
  content: '';
}
.ss-pencilbrushpen:before,
.ss-pencilbrushpen.right:after {
  content: '';
}
.ss-paintroller:before,
.ss-paintroller.right:after {
  content: '';
}
.ss-paint:before,
.ss-paint.right:after {
  content: '';
}
.ss-paintdisabled:before,
.ss-paintdisabled.right:after {
  content: '';
}
.ss-paintedit:before,
.ss-paintedit.right:after {
  content: '';
}
.ss-pixels:before,
.ss-pixels.right:after {
  content: '';
}
.ss-phone:before,
.ss-phone.right:after {
  content: '📞';
}
.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
  content: '';
}
.ss-addressbook:before,
.ss-addressbook.right:after {
  content: '📑';
}
.ss-voicemail:before,
.ss-voicemail.right:after {
  content: '⌕';
}
.ss-mailbox:before,
.ss-mailbox.right:after {
  content: '📫';
}
.ss-send:before,
.ss-send.right:after {
  content: '';
}
.ss-paperairplane:before,
.ss-paperairplane.right:after {
  content: '';
}
.ss-mail:before,
.ss-mail.right:after {
  content: '✉';
}
.ss-inbox:before,
.ss-inbox.right:after {
  content: '📥';
}
.ss-inboxes:before,
.ss-inboxes.right:after {
  content: '';
}
.ss-outbox:before,
.ss-outbox.right:after {
  content: '📤';
}
.ss-chat:before,
.ss-chat.right:after {
  content: '💬';
}
.ss-textchat:before,
.ss-textchat.right:after {
  content: '';
}
.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
  content: '';
}
.ss-ellipsis:before,
.ss-ellipsis.right:after {
  content: '…';
}
.ss-smile:before,
.ss-smile.right:after {
  content: '☻';
}
.ss-frown:before,
.ss-frown.right:after {
  content: '☹';
}
.ss-surprise:before,
.ss-surprise.right:after {
  content: '😮';
}
.ss-user:before,
.ss-user.right:after {
  content: '👤';
}
.ss-femaleuser:before,
.ss-femaleuser.right:after {
  content: '👧';
}
.ss-users:before,
.ss-users.right:after {
  content: '👥';
}
.ss-robot:before,
.ss-robot.right:after {
  content: '';
}
.ss-ghost:before,
.ss-ghost.right:after {
  content: '👻';
}
.ss-contacts:before,
.ss-contacts.right:after {
  content: '📇';
}
.ss-pointup:before,
.ss-pointup.right:after {
  content: '👆';
}
.ss-pointright:before,
.ss-pointright.right:after {
  content: '👉';
}
.ss-pointdown:before,
.ss-pointdown.right:after {
  content: '👇';
}
.ss-pointleft:before,
.ss-pointleft.right:after {
  content: '👈';
}
.ss-cart:before,
.ss-cart.right:after {
  content: '';
}
.ss-shoppingbag:before,
.ss-shoppingbag.right:after {
  content: '';
}
.ss-store:before,
.ss-store.right:after {
  content: '🏪';
}
.ss-creditcard:before,
.ss-creditcard.right:after {
  content: '💳';
}
.ss-banknote:before,
.ss-banknote.right:after {
  content: '💵';
}
.ss-calculator:before,
.ss-calculator.right:after {
  content: '';
}
.ss-calculate:before,
.ss-calculate.right:after {
  content: '';
}
.ss-bank:before,
.ss-bank.right:after {
  content: '🏦';
}
.ss-presentation:before,
.ss-presentation.right:after {
  content: '';
}
.ss-barchart:before,
.ss-barchart.right:after {
  content: '📊';
}
.ss-piechart:before,
.ss-piechart.right:after {
  content: '';
}
.ss-activity:before,
.ss-activity.right:after {
  content: '';
}
.ss-box:before,
.ss-box.right:after {
  content: '📦';
}
.ss-home:before,
.ss-home.right:after {
  content: '⌂';
}
.ss-fence:before,
.ss-fence.right:after {
  content: '';
}
.ss-buildings:before,
.ss-buildings.right:after {
  content: '🏢';
}
.ss-lodging:before,
.ss-lodging.right:after {
  content: '🏨';
}
.ss-globe:before,
.ss-globe.right:after {
  content: '🌐';
}
.ss-navigate:before,
.ss-navigate.right:after {
  content: '';
}
.ss-compass:before,
.ss-compass.right:after {
  content: '';
}
.ss-signpost:before,
.ss-signpost.right:after {
  content: '';
}
.ss-map:before,
.ss-map.right:after {
  content: '';
}
.ss-location:before,
.ss-location.right:after {
  content: '';
}
.ss-pin:before,
.ss-pin.right:after {
  content: '📍';
}
.ss-pushpin:before,
.ss-pushpin.right:after {
  content: '📌';
}
.ss-code:before,
.ss-code.right:after {
  content: '';
}
.ss-puzzle:before,
.ss-puzzle.right:after {
  content: '';
}
.ss-floppydisk:before,
.ss-floppydisk.right:after {
  content: '💾';
}
.ss-window:before,
.ss-window.right:after {
  content: '';
}
.ss-music:before,
.ss-music.right:after {
  content: '♫';
}
.ss-mic:before,
.ss-mic.right:after {
  content: '🎤';
}
.ss-headphones:before,
.ss-headphones.right:after {
  content: '🎧';
}
.ss-mutevolume:before,
.ss-mutevolume.right:after {
  content: '';
}
.ss-volume:before,
.ss-volume.right:after {
  content: '🔈';
}
.ss-lowvolume:before,
.ss-lowvolume.right:after {
  content: '🔉';
}
.ss-highvolume:before,
.ss-highvolume.right:after {
  content: '🔊';
}
.ss-radio:before,
.ss-radio.right:after {
  content: '📻';
}
.ss-airplay:before,
.ss-airplay.right:after {
  content: '';
}
.ss-disc:before,
.ss-disc.right:after {
  content: '💿';
}
.ss-camera:before,
.ss-camera.right:after {
  content: '📷';
}
.ss-picture:before,
.ss-picture.right:after {
  content: '🌄';
}
.ss-pictures:before,
.ss-pictures.right:after {
  content: '';
}
.ss-video:before,
.ss-video.right:after {
  content: '📹';
}
.ss-film:before,
.ss-film.right:after {
  content: '';
}
.ss-clapboard:before,
.ss-clapboard.right:after {
  content: '🎬';
}
.ss-tv:before,
.ss-tv.right:after {
  content: '📺';
}
.ss-flatscreen:before,
.ss-flatscreen.right:after {
  content: '';
}
.ss-play:before,
.ss-play.right:after {
  content: '▶';
}
.ss-pause:before,
.ss-pause.right:after {
  content: '';
}
.ss-stop:before,
.ss-stop.right:after {
  content: '■';
}
.ss-record:before,
.ss-record.right:after {
  content: '●';
}
.ss-rewind:before,
.ss-rewind.right:after {
  content: '⏪';
}
.ss-fastforward:before,
.ss-fastforward.right:after {
  content: '⏩';
}
.ss-skipforward:before,
.ss-skipforward.right:after {
  content: '⏭';
}
.ss-skipback:before,
.ss-skipback.right:after {
  content: '⏮';
}
.ss-eject:before,
.ss-eject.right:after {
  content: '⏏';
}
.ss-filecabinet:before,
.ss-filecabinet.right:after {
  content: '';
}
.ss-books:before,
.ss-books.right:after {
  content: '📚';
}
.ss-notebook:before,
.ss-notebook.right:after {
  content: '📓';
}
.ss-newspaper:before,
.ss-newspaper.right:after {
  content: '📰';
}
.ss-grid:before,
.ss-grid.right:after {
  content: '';
}
.ss-rows:before,
.ss-rows.right:after {
  content: '';
}
.ss-columns:before,
.ss-columns.right:after {
  content: '';
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
  content: '';
}
.ss-menu:before,
.ss-menu.right:after {
  content: '';
}
.ss-filter:before,
.ss-filter.right:after {
  content: '';
}
.ss-desktop:before,
.ss-desktop.right:after {
  content: '💻';
}
.ss-laptop:before,
.ss-laptop.right:after {
  content: '';
}
.ss-tablet:before,
.ss-tablet.right:after {
  content: '';
}
.ss-cell:before,
.ss-cell.right:after {
  content: '📱';
}
.ss-battery:before,
.ss-battery.right:after {
  content: '🔋';
}
.ss-highbattery:before,
.ss-highbattery.right:after {
  content: '';
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
  content: '';
}
.ss-lowbattery:before,
.ss-lowbattery.right:after {
  content: '';
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
  content: '';
}
.ss-batterydisabled:before,
.ss-batterydisabled.right:after {
  content: '';
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
  content: '💡';
}
.ss-flashlight:before,
.ss-flashlight.right:after {
  content: '🔦';
}
.ss-flashlighton:before,
.ss-flashlighton.right:after {
  content: '';
}
.ss-picnictable:before,
.ss-picnictable.right:after {
  content: '';
}
.ss-birdhouse:before,
.ss-birdhouse.right:after {
  content: '';
}
.ss-lamp:before,
.ss-lamp.right:after {
  content: '';
}
.ss-onedie:before,
.ss-onedie.right:after {
  content: '⚀';
}
.ss-twodie:before,
.ss-twodie.right:after {
  content: '⚁';
}
.ss-threedie:before,
.ss-threedie.right:after {
  content: '⚂';
}
.ss-fourdie:before,
.ss-fourdie.right:after {
  content: '⚃';
}
.ss-fivedie:before,
.ss-fivedie.right:after {
  content: '⚄';
}
.ss-sixdie:before,
.ss-sixdie.right:after {
  content: '⚅';
}
.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
  content: '';
}
.ss-download:before,
.ss-download.right:after {
  content: '';
}
.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
  content: '';
}
.ss-upload:before,
.ss-upload.right:after {
  content: '';
}
.ss-transfer:before,
.ss-transfer.right:after {
  content: '⇆';
}
.ss-replay:before,
.ss-replay.right:after {
  content: '↺';
}
.ss-refresh:before,
.ss-refresh.right:after {
  content: '↻';
}
.ss-sync:before,
.ss-sync.right:after {
  content: '';
}
.ss-loading:before,
.ss-loading.right:after {
  content: '';
}
.ss-wifi:before,
.ss-wifi.right:after {
  content: '';
}
.ss-file:before,
.ss-file.right:after {
  content: '📄';
}
.ss-files:before,
.ss-files.right:after {
  content: '';
}
.ss-searchfile:before,
.ss-searchfile.right:after {
  content: '';
}
.ss-folder:before,
.ss-folder.right:after {
  content: '📁';
}
.ss-downloadfolder:before,
.ss-downloadfolder.right:after {
  content: '';
}
.ss-uploadfolder:before,
.ss-uploadfolder.right:after {
  content: '';
}
.ss-quote:before,
.ss-quote.right:after {
  content: '“';
}
.ss-anchor:before,
.ss-anchor.right:after {
  content: '';
}
.ss-print:before,
.ss-print.right:after {
  content: '⎙';
}
.ss-fax:before,
.ss-fax.right:after {
  content: '📠';
}
.ss-shredder:before,
.ss-shredder.right:after {
  content: '';
}
.ss-typewriter:before,
.ss-typewriter.right:after {
  content: '';
}
.ss-list:before,
.ss-list.right:after {
  content: '';
}
.ss-action:before,
.ss-action.right:after {
  content: '';
}
.ss-redirect:before,
.ss-redirect.right:after {
  content: '↪';
}
.ss-additem:before,
.ss-additem.right:after {
  content: '';
}
.ss-checkitem:before,
.ss-checkitem.right:after {
  content: '';
}
.ss-expand:before,
.ss-expand.right:after {
  content: '⤢';
}
.ss-contract:before,
.ss-contract.right:after {
  content: '';
}
.ss-scaleup:before,
.ss-scaleup.right:after {
  content: '';
}
.ss-scaledown:before,
.ss-scaledown.right:after {
  content: '';
}
.ss-lifepreserver:before,
.ss-lifepreserver.right:after {
  content: '';
}
.ss-help:before,
.ss-help.right:after {
  content: '❓';
}
.ss-info:before,
.ss-info.right:after {
  content: 'ℹ';
}
.ss-alert:before,
.ss-alert.right:after {
  content: '⚠';
}
.ss-caution:before,
.ss-caution.right:after {
  content: '⛔';
}
.ss-plus:before,
.ss-plus.right:after {
  content: '+';
}
.ss-hyphen:before,
.ss-hyphen.right:after {
  content: '-';
}
.ss-check:before,
.ss-check.right:after {
  content: '✓';
}
.ss-delete:before,
.ss-delete.right:after {
  content: '␡';
}
.ss-fish:before,
.ss-fish.right:after {
  content: '🐟';
}
.ss-bird:before,
.ss-bird.right:after {
  content: '🐦';
}
.ss-bone:before,
.ss-bone.right:after {
  content: '';
}
.ss-tooth:before,
.ss-tooth.right:after {
  content: '';
}
.ss-poo:before,
.ss-poo.right:after {
  content: '💩';
}
.ss-tree:before,
.ss-tree.right:after {
  content: '🌲';
}
.ss-settings:before,
.ss-settings.right:after {
  content: '⚙';
}
.ss-dashboard:before,
.ss-dashboard.right:after {
  content: '';
}
.ss-dial:before,
.ss-dial.right:after {
  content: '';
}
.ss-notifications:before,
.ss-notifications.right:after {
  content: '🔔';
}
.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
  content: '🔕';
}
.ss-toggles:before,
.ss-toggles.right:after {
  content: '';
}
.ss-flash:before,
.ss-flash.right:after {
  content: '⌁';
}
.ss-flashoff:before,
.ss-flashoff.right:after {
  content: '';
}
.ss-magnet:before,
.ss-magnet.right:after {
  content: '';
}
.ss-toolbox:before,
.ss-toolbox.right:after {
  content: '';
}
.ss-wrench:before,
.ss-wrench.right:after {
  content: '🔧';
}
.ss-clock:before,
.ss-clock.right:after {
  content: '⏲';
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
  content: '⏱';
}
.ss-alarmclock:before,
.ss-alarmclock.right:after {
  content: '⏰';
}
.ss-counterclockwise:before,
.ss-counterclockwise.right:after {
  content: '⥀';
}
.ss-calendar:before,
.ss-calendar.right:after {
  content: '📅';
}
.ss-keyboard:before,
.ss-keyboard.right:after {
  content: '';
}
.ss-keyboardup:before,
.ss-keyboardup.right:after {
  content: '';
}
.ss-keyboarddown:before,
.ss-keyboarddown.right:after {
  content: '';
}
.ss-chickenleg:before,
.ss-chickenleg.right:after {
  content: '🍗';
}
.ss-burger:before,
.ss-burger.right:after {
  content: '🍔';
}
.ss-mug:before,
.ss-mug.right:after {
  content: '☕';
}
.ss-coffee:before,
.ss-coffee.right:after {
  content: '';
}
.ss-tea:before,
.ss-tea.right:after {
  content: '🍵';
}
.ss-wineglass:before,
.ss-wineglass.right:after {
  content: '🍷';
}
.ss-paperbag:before,
.ss-paperbag.right:after {
  content: '';
}
.ss-utensils:before,
.ss-utensils.right:after {
  content: '🍴';
}
.ss-droplet:before,
.ss-droplet.right:after {
  content: '💧';
}
.ss-sun:before,
.ss-sun.right:after {
  content: '☀';
}
.ss-cloud:before,
.ss-cloud.right:after {
  content: '☁';
}
.ss-partlycloudy:before,
.ss-partlycloudy.right:after {
  content: '⛅';
}
.ss-umbrella:before,
.ss-umbrella.right:after {
  content: '☂';
}
.ss-crescentmoon:before,
.ss-crescentmoon.right:after {
  content: '🌙';
}
.ss-plug:before,
.ss-plug.right:after {
  content: '🔌';
}
.ss-outlet:before,
.ss-outlet.right:after {
  content: '';
}
.ss-car:before,
.ss-car.right:after {
  content: '🚘';
}
.ss-taxi:before,
.ss-taxi.right:after {
  content: '🚖';
}
.ss-train:before,
.ss-train.right:after {
  content: '🚆';
}
.ss-bus:before,
.ss-bus.right:after {
  content: '🚍';
}
.ss-truck:before,
.ss-truck.right:after {
  content: '🚚';
}
.ss-plane:before,
.ss-plane.right:after {
  content: '✈';
}
.ss-bike:before,
.ss-bike.right:after {
  content: '🚲';
}
.ss-rocket:before,
.ss-rocket.right:after {
  content: '🚀';
}
.ss-briefcase:before,
.ss-briefcase.right:after {
  content: '💼';
}
.ss-theatre:before,
.ss-theatre.right:after {
  content: '🎭';
}
.ss-flask:before,
.ss-flask.right:after {
  content: '';
}
.ss-up:before,
.ss-up.right:after {
  content: '⬆';
}
.ss-upright:before,
.ss-upright.right:after {
  content: '⬈';
}
.ss-right:before,
.ss-right.right:after {
  content: '➡';
}
.ss-downright:before,
.ss-downright.right:after {
  content: '⬊';
}
.ss-down:before,
.ss-down.right:after {
  content: '⬇';
}
.ss-downleft:before,
.ss-downleft.right:after {
  content: '⬋';
}
.ss-left:before,
.ss-left.right:after {
  content: '⬅';
}
.ss-upleft:before,
.ss-upleft.right:after {
  content: '⬉';
}
.ss-navigateup:before,
.ss-navigateup.right:after {
  content: '';
}
.ss-navigateright:before,
.ss-navigateright.right:after {
  content: '▻';
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
  content: '';
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
  content: '◅';
}
.ss-share:before,
.ss-share.right:after {
  content: '';
}
@keyframes background-scroll {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2808px -594px;
  }
}
.hidden {
  visibility: hidden;
}
.btn {
  padding: 1em;
  background: none;
  border-radius: 6px;
  outline: none;
  transition: 0.3s all ease-in-out;
  vertical-align: middle;
  text-decoration: none;
}
.btn .icon {
  vertical-align: middle;
}
.btn:hover {
  color: #fff;
  border-color: #fff;
}
.btn.btn-blank {
  padding: 0;
  border: none;
  border-radius: 0;
}
.btn-default {
  padding: 16px 26.66666667px;
  background: #5b616c;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.btn-default:hover {
  background: #454951;
}
a.btn-default,
a:link.btn-default {
  color: #fff;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}
body {
  background: #1e2023;
  font-family: "adelle-sans", "helvetica neue", "helvetica", sans-serif;
  color: #fff;
}
body.portfolio-transition {
  overflow: hidden;
}
.touch-scroll {
  -webkit-overflow-scrolling: touch;
}
h1,
.h1 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.3em;
  color: #454951;
}
h2,
.h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3em;
}
h3,
.h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
  color: #1e2023;
}
h4,
.h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3em;
}
.divider-label {
  display: block;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 520px) {
  .divider-label {
    text-align: left;
  }
}
.divider-label h1,
.divider-label .h1,
.divider-label h2,
.divider-label .h2,
.divider-label h3,
.divider-label .h3 {
  display: inline-block;
  position: relative;
}
@media (max-width: 520px) {
  .divider-label h1,
  .divider-label .h1,
  .divider-label h2,
  .divider-label .h2,
  .divider-label h3,
  .divider-label .h3 {
    margin-bottom: -16px;
    margin-top: 80px;
  }
}
.divider-label h1:before,
.divider-label .h1:before,
.divider-label h2:before,
.divider-label .h2:before,
.divider-label h3:before,
.divider-label .h3:before,
.divider-label h1:after,
.divider-label .h1:after,
.divider-label h2:after,
.divider-label .h2:after,
.divider-label h3:after,
.divider-label .h3:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 2px;
  background: #ECEFF1;
}
@media (max-width: 520px) {
  .divider-label h1:before,
  .divider-label .h1:before,
  .divider-label h2:before,
  .divider-label .h2:before,
  .divider-label h3:before,
  .divider-label .h3:before,
  .divider-label h1:after,
  .divider-label .h1:after,
  .divider-label h2:after,
  .divider-label .h2:after,
  .divider-label h3:after,
  .divider-label .h3:after {
    display: none;
  }
}
.divider-label h1:before,
.divider-label .h1:before,
.divider-label h2:before,
.divider-label .h2:before,
.divider-label h3:before,
.divider-label .h3:before {
  right: 100%;
  margin-right: 15px;
}
.divider-label h1:after,
.divider-label .h1:after,
.divider-label h2:after,
.divider-label .h2:after,
.divider-label h3:after,
.divider-label .h3:after {
  left: 100%;
  margin-left: 15px;
}
p {
  font-weight: 300;
  font-size: 21px;
  line-height: 1.6em;
  color: #fff;
}
@media (max-width: 520px) {
  p {
    font-size: 18px;
  }
}
a,
a:link {
  color: #fff;
  text-decoration: none;
  transition: 0.2s all;
  border-bottom: 2px solid #ff7800;
}
a:active {
  color: #b35400;
}
a:hover {
  color: #b0bcd0;
}
@media (max-width: 520px) {
  h1,
  .h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3em;
    color: #454951;
  }
  h2,
  .h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3em;
  }
  h3,
  .h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3em;
    color: #1e2023;
  }
  h4,
  .h4 {
    font-size: 18px;
    font-weight: regular;
    line-height: 1.3em;
  }
  p {
    font-size: 18px;
  }
}
hgroup h1 {
  margin-bottom: 0.2em;
}
hgroup h2 {
  margin-top: 0.2em;
}
blockquote,
.blockquote {
  quotes: "\201C" "\201D" "\2018" "\2019";
  text-align: center;
  margin: 0 auto 80px;
  padding: 20px 0 0;
}
@media (max-width: 520px) {
  blockquote,
  .blockquote {
    margin-bottom: 40px;
  }
}
blockquote p,
.blockquote p {
  display: inline;
}
blockquote > p,
.blockquote > p {
  font-style: italic;
  font-size: 32px;
  line-height: 1.5em;
}
@media (max-width: 520px) {
  blockquote > p,
  .blockquote > p {
    font-size: 21px;
  }
}
blockquote > p:before,
.blockquote > p:before,
blockquote > p:after,
.blockquote > p:after {
  font-size: 120px;
}
@media (max-width: 520px) {
  blockquote > p:before,
  .blockquote > p:before,
  blockquote > p:after,
  .blockquote > p:after {
    font-size: 60px;
  }
}
blockquote > p:before,
.blockquote > p:before {
  content: open-quote;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote > p:after,
.blockquote > p:after {
  content: close-quote;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.7em;
}
blockquote footer .citation,
.blockquote footer .citation {
  color: #828b9a;
}
blockquote footer .citation:before,
.blockquote footer .citation:before {
  content: "―";
  margin-right: 0.4em;
}
figure {
  float: left;
  max-width: 100%;
  padding-top: 10px;
}
@media (max-width: 840px) {
  figure {
    margin-right: 0;
  }
}
figcaption {
  margin-bottom: 80px;
  color: #828b9a;
  font-style: italic;
  text-align: center;
}
@media (max-width: 520px) {
  figcaption {
    margin-bottom: 40px;
  }
}
.strike {
  text-decoration: line-through;
}
.note {
  font-style: italic;
}
.error {
  position: relative;
  z-index: 200;
  text-align: center;
}
.no-scroll {
  overflow: hidden;
}
.navbar {
  display: flex;
  align-items: center;
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 84px;
  padding: 0 16px;
  background: #1e2023;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 960px) {
  .navbar {
    padding: 0;
  }
}
.navbar .logo {
  flex: 1;
  padding: 16px;
}
.navbar .logo img {
  width: 120px;
  margin-top: 5px;
}
.navbar .logo a,
.navbar .logo a:link {
  border: none;
}
.navbar .links-container {
  display: flex;
  flex: 4;
  flex-direction: column;
  align-items: flex-end;
}
.navbar .links-container .nav-trigger {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.navbar .links-container .nav-trigger:checked ~ ul.links {
  display: block;
  flex-direction: column;
  align-items: center;
  position: fixed;
  z-index: 4000;
  top: 84px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  background: #1e2023;
  text-align: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #2a2d31;
}
.navbar .links-container .nav-trigger:checked ~ ul.links li {
  width: 100%;
}
.navbar .links-container label[for="nav-trigger"] {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg fill='#FFFFFF' width='200pt' height='200pt' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><path d='m26 69v-3h48v3zm0-17v-3h48v3zm0-17v-3h48v3z'/></svg>");
  background-size: contain;
}
.navbar .links-container .nav-trigger:checked + label {
  background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg fill='#828b9a' width='200pt' height='200pt' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'><path d='m26 69v-3h48v3zm0-17v-3h48v3zm0-17v-3h48v3z'/></svg>");
}
.navbar .links-container ul.links {
  list-style: none;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  align-items: flex-end;
  flex: 11;
  position: relative;
  max-width: 840px;
  margin: 0;
  padding: 0;
}
.navbar .links-container ul.links:before,
.navbar .links-container ul.links:after {
  content: " ";
  display: table;
}
.navbar .links-container ul.links:after {
  clear: both;
}
.navbar .links-container ul.links li {
  flex: 1;
  display: inline-block;
  text-align: center;
}
.navbar .links-container ul.links li a,
.navbar .links-container ul.links li a:link {
  display: block;
  padding: 24px 20px;
  color: #727a88;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  transition: 0.2s all;
  outline: none;
  border: none;
}
.navbar .links-container ul.links li a:before,
.navbar .links-container ul.links li a:link:before,
.navbar .links-container ul.links li a:after,
.navbar .links-container ul.links li a:link:after {
  content: " ";
  display: table;
}
.navbar .links-container ul.links li a:after,
.navbar .links-container ul.links li a:link:after {
  clear: both;
}
.navbar .links-container ul.links li a:active {
  color: #a9aeb7;
}
.navbar .links-container ul.links li a:hover {
  color: #a9aeb7;
}
.navbar .links-container ul.links li.active a,
.navbar .links-container ul.links li.active a:link,
.navbar .links-container ul.links li.active a:visited {
  color: #fff;
  text-decoration: strike;
}
.navbar .links-container .nav-trigger,
.navbar .links-container .nav-trigger:checked,
.navbar .links-container label[for="nav-trigger"] {
  display: none;
}
@media (max-width: 960px) {
  .navbar .links-container .nav-trigger,
  .navbar .links-container .nav-trigger:checked,
  .navbar .links-container label[for="nav-trigger"] {
    display: block;
  }
}
@media (max-width: 960px) {
  .navbar .links-container ul.links {
    display: none;
  }
}
#page-content {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  padding-top: 84px;
  overflow: scroll;
}
.swash {
  width: 100%;
  margin: 0 0 80px;
  text-align: center;
}
.swash img {
  width: 80px;
}
.short-bio {
  display: flex;
  flex-direction: row;
  margin: 80px 0;
  padding: 40px;
  border: 2px solid #d0d7e3;
}
@media (max-width: 840px) {
  .short-bio {
    flex-direction: column;
  }
}
.short-bio .photo {
  display: flex;
  flex-diredtion: column;
  align-items: center;
  flex: 1;
  margin-right: 40px;
}
@media (max-width: 840px) {
  .short-bio .photo {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 16px;
  }
}
.short-bio .photo img {
  max-width: 100%;
  border-radius: 100%;
}
@media (max-width: 840px) {
  .short-bio .photo img {
    max-width: 150px;
  }
}
.short-bio .about {
  flex: 6;
}
.short-bio .social {
  flex: 4;
}
.short-bio p {
  display: inline;
  margin: 0 auto;
}
.short-bio #twitter-widget-0 {
  margin-bottom: -0.4em;
}
.object-3x1 {
  width: 100%;
}
.object-3x1 .project-spacer {
  margin-top: 16%;
}
.object-3x1 .project-description {
  transform: scale(0.9);
}
.object-2x1 {
  width: 50%;
}
.object-2x1 .project-spacer {
  margin-top: 50%;
}
.object-2x1 .project-logo {
  width: 100%;
  height: 12.5%;
  top: 20%;
  transform: scale(0.9);
}
.object-1x1 {
  width: 25%;
}
.object-1x1 .project-spacer {
  margin-top: 100%;
}
.object-1x1 .project-logo {
  transform: scale(0.9);
}
@media (max-width: 960px) {
  .object-1x1 {
    width: 50%;
  }
  .object-2x1 {
    width: 100%;
  }
}
.objects-open .project:hover {
  cursor: pointer;
}
.project {
  display: inline-block;
  float: left;
  position: relative;
  margin: 0;
  transition: 0.2s -webkit-transform, 0.2s box-shadow;
  box-shadow: inset 0 0 0 2px #383c43;
}
.project:first-child {
  margin-top: 0;
}
.project a,
.project a:link {
  color: #1e2023;
  text-decoration: none;
  transition: 0.2s all;
  border-bottom: 2px solid #2196F3;
}
.project a:active {
  color: #828b9a;
  border-bottom-color: #6ab8f7;
}
.project a:hover {
  color: #5b616c;
  border-bottom-color: #51adf6;
}
.project .project-spacer {
  display: block;
}
.project .project-spacer a,
.project .project-spacer a:link {
  border: none;
}
.project .btn-open-project {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background: none;
  border: none;
  outline: 0;
  text-indent: -9999px;
}
.project .btn-open-project:active {
  border: none;
  outline: 0;
}
.project .project-controls {
  display: none;
  opacity: 0;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 16px;
  transition: 0.3s all ease-in-out;
  transition-delay: 2s;
}
.project .project-controls .btn-close-project {
  float: left;
  line-height: 1em;
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  border-radius: 100%;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.project .project-controls .btn-close-project:hover {
  background: rgba(242, 246, 253, 0.9);
}
.project .project-controls .btn-close-project:active {
  background: rgba(255, 255, 255, 0.9);
}
.project .project-controls .btn-next-project {
  float: right;
  line-height: 1em;
  background: rgba(255, 255, 255, 0.7);
  padding: 16px 26.66666667px;
  color: #5b616c;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2em;
  border-radius: 6px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 520px) {
  .project .project-controls .btn-next-project {
    font-size: 11px;
    padding: 14px 18px;
  }
}
.project .project-controls .btn-next-project:hover {
  background: rgba(242, 246, 253, 0.9);
}
.project .project-controls .btn-next-project:active {
  background: #ffffff;
}
.project .project-controls .icon-close {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../img/icons/close.svg");
  background-repeat: no-repeat;
}
@media (max-width: 520px) {
  .project .project-controls .icon-close {
    width: 20px;
    height: 20px;
  }
}
.project .project-controls .icon-next {
  display: inline-block;
  width: 19px;
  height: 14px;
  margin-left: 4px;
  background-image: url("../img/icons/next.svg");
  background-repeat: no-repeat;
}
@media (max-width: 520px) {
  .project .project-controls .icon-next {
    width: 15px;
    height: 10px;
    margin-left: 2px;
  }
}
.project .project-controls .btn-text {
  display: inline-block;
  vertical-align: bottom;
}
.project .project-summary {
  width: 100%;
  height: 100%;
  transition: 0.3s all ease-in-out;
}
.project .project-summary-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.project .project-wrapper {
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  border: 1px solid #2a2d31;
  transition: 0.3s all ease-in-out;
}
.project .project-wrapper header {
  width: 100%;
  height: 100%;
  transition: 0.3s all ease-in-out;
  align-items: center;
  text-align: center;
}
.project .project-wrapper .meta-info {
  list-style: none;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  padding: 15px;
}
.project .project-wrapper .meta-info .meta-container {
  max-width: 960px;
  margin: 0 auto;
}
.project .project-wrapper .meta-info span {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.project .project-wrapper .meta-info .categories {
  float: left;
}
.project .project-wrapper .meta-info .date {
  float: right;
}
@media (max-width: 740px) {
  .project .project-wrapper .meta-info {
    display: none !important;
  }
}
@media (min-width: 961px) {
  .project:nth-child(-n+3) .project-wrapper {
    border-top: transparent;
  }
}
@media (max-width: 960px) {
  .project:nth-child(-n+2) .project-wrapper {
    border-top: transparent;
  }
}
.project .project-details {
  position: relative;
  display: none;
  opacity: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5em;
  transition: 0.3s all ease-in-out;
  transition-delay: 0.5s;
  border-radius: 100%;
}
.project .project-details:before,
.project .project-details:after {
  content: " ";
  display: table;
}
.project .project-details:after {
  clear: both;
}
.project .project-details .circle {
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0;
  right: 0;
  width: 0%;
  margin: 0 auto;
  transition: 0.3s all ease-in-out;
  transition-delay: 0.5s;
}
.project .project-details .circle path {
  fill: #fff;
}
@media (max-width: 520px) {
  .project .project-details .circle {
    display: none;
  }
}
.project .project-details:before {
  display: none;
  position: relative;
  top: -100px;
  left: 0;
  right: 0;
  content: " ";
  height: 200px;
  width: 100%;
  background: #fff;
  border-radius: 100%;
}
.project .project-content {
  position: relative;
  z-index: 200;
  opacity: 0;
  text-align: left;
  transition: 2s all;
  transition-delay: 0.2s;
}
.project .project-content h1,
.project .project-content .h1 {
  color: #454951;
}
.project .project-content h2,
.project .project-content .h2 {
  color: #454951;
}
.project .project-content p {
  color: #1e2023;
}
.project .project-content blockquote > p:before,
.project .project-content .blockquote > p:before {
  color: #828b9a;
}
.project .project-content blockquote > p:after,
.project .project-content .blockquote > p:after {
  color: #828b9a;
}
.project .project-content blockquote footer .citation,
.project .project-content .blockquote footer .citation {
  color: #828b9a;
}
.project .subpage-footer {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 16px 40px;
  background: #ECEFF1;
}
.project .subpage-footer:before,
.project .subpage-footer:after {
  content: " ";
  display: table;
}
.project .subpage-footer:after {
  clear: both;
}
.project .subpage-footer .copyright {
  flex: 1;
}
.project .subpage-footer .copyright p {
  font-size: 16px;
  color: #a6aebf;
}
.project .subpage-footer .social-links-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: row;
}
.project .subpage-footer .social-links-wrapper .social-links {
  flex: 1;
  align-items: center;
  text-align: right;
  padding-top: 4px;
}
.project .subpage-footer .social-links-wrapper .social-links .social-text {
  display: none;
}
.project .subpage-footer .social-links-wrapper .social-links a,
.project .subpage-footer .social-links-wrapper .social-links a:link {
  padding: 0 16px;
  color: #828b9a;
  border: none;
}
.project .subpage-footer .social-links-wrapper .social-links a:last-child,
.project .subpage-footer .social-links-wrapper .social-links a:link:last-child {
  padding-right: 0;
}
.project .subpage-footer .social-links-wrapper .social-links a:hover,
.project .subpage-footer .social-links-wrapper .social-links a:link:hover {
  color: #a6aebf;
}
.project:hover .project-logo {
  transform: scale(1);
}
.project.project-selected {
  display: inline-block;
  z-index: 4000;
}
.project.project-hover {
  z-index: 4000;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05);
}
.project.project-hovered {
  z-index: 4000;
}
.project.project-visible .project-content {
  opacity: 1;
  background: #fff;
}
.project.no-transition .project-wrapper {
  transition: none;
}
.project.project-opening .project-logo,
.project.project-open .project-logo {
  transform: scale(1);
}
@media (max-width: 840px) {
  .project.project-opening .project-logo,
  .project.project-open .project-logo {
    transform: scale(0.8);
  }
}
@media (max-width: 520px) {
  .project.project-opening .project-logo,
  .project.project-open .project-logo {
    transform: scale(0.8);
  }
}
@media (max-width: 840px) {
  .project.project-opening.double-logo header,
  .project.project-open.double-logo header {
    transform: scale(0.8);
  }
}
@media (max-width: 520px) {
  .project.project-opening.double-logo header,
  .project.project-open.double-logo header {
    transform: scale(0.55);
  }
}
@media (max-width: 840px) {
  .project.project-opening.long-logo header,
  .project.project-open.long-logo header {
    transform: scale(0.6);
  }
}
@media (max-width: 520px) {
  .project.project-opening.long-logo header,
  .project.project-open.long-logo header {
    transform: scale(0.45);
  }
}
.project.project-opening .project-details,
.project.project-open .project-details {
  display: block;
}
.project.project-opening .project-wrapper,
.project.project-open .project-wrapper {
  border-radius: 0;
  border: none;
}
.project.project-opening .btn-open-project,
.project.project-open .btn-open-project {
  display: none;
}
.project.project-opening .project-summary {
  transition-delay: 0.5s;
}
.project.project-opening .project-controls {
  display: block;
}
.project.project-open {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 4000;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: #fff;
}
.project.project-open .circle {
  top: -80px;
  bottom: 0px;
  width: 100%;
  height: 1530px;
}
.project.project-open .project-spacer {
  display: none;
}
.project.project-open .project-wrapper {
  position: static;
  width: 100%;
  height: 100%;
}
.project.project-open .project-details {
  opacity: 1;
  border-radius: 0;
}
.project.project-open .project-controls {
  display: block;
  opacity: 1;
}
#writing .padded {
  margin-top: 80px;
  margin-bottom: 0;
}
#writing .project {
  min-height: 220px;
}
#writing .project .project-wrapper header {
  display: flex;
  flex-direction: column;
}
#writing .project .btn-next-project {
  display: none;
}
#writing .project .parent-page-wrapper {
  max-width: 960px;
}
@media (max-width: 840px) {
  #writing .project .parent-page-wrapper {
    padding: 16px 16px 40px;
  }
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper {
    padding: 16px 16px 40px;
  }
}
#writing .project .parent-page-wrapper h2 {
  margin-top: 80px;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper h2 {
    margin-top: 40px;
  }
}
#writing .project .parent-page-wrapper p,
#writing .project .parent-page-wrapper span {
  margin-bottom: 1.5em;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper p,
  #writing .project .parent-page-wrapper span {
    margin: 16px 0;
  }
}
#writing .project .parent-page-wrapper > p:first-child:first-letter {
  float: left;
  font-size: 62px;
  font-weight: 500;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}
#writing .project .parent-page-wrapper div:last-child p:last-child {
  margin-bottom: 0;
}
#writing .project .parent-page-wrapper > p:last-child {
  margin-bottom: 0;
}
#writing .project .parent-page-wrapper .note {
  color: #828b9a;
}
#writing .project .parent-page-wrapper figure {
  float: left;
  margin-right: 60px;
  padding-top: 10px;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper figure {
    margin-right: auto;
  }
}
#writing .project .parent-page-wrapper figure img {
  max-width: 100%;
}
#writing .project .parent-page-wrapper .centered-image {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#writing .project .parent-page-wrapper figcaption {
  margin-bottom: 16px;
}
#writing .project .parent-page-wrapper pre {
  margin: 80px 0;
  padding: 40px;
  background: #383c43;
  border-radius: 5px;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper pre {
    margin: 40px 0;
  }
}
#writing .project .parent-page-wrapper .divided-list {
  margin: 80px 0;
  padding: 0;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper .divided-list {
    margin: 40px 0;
  }
}
#writing .project .parent-page-wrapper .divided-list li {
  margin: 0 0 80px;
  padding: 0 0 80px;
  border-bottom: 2px solid #ECEFF1;
}
@media (max-width: 520px) {
  #writing .project .parent-page-wrapper .divided-list li {
    margin: 0 0 40px;
    padding: 0 0 40px;
  }
}
#writing .project .parent-page-wrapper .divided-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#writing .project .parent-page-wrapper .divided-list li p:last-child {
  margin-bottom: 0;
}
#writing .project .parent-page-wrapper .column-list {
  list-style: none;
  column-count: 3;
  line-height: 2em;
  margin: 80px 0;
}
#writing .project .project-spacer {
  margin-top: 16%;
}
#writing .project .project-description {
  height: auto;
}
#writing .project hgroup {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  transform: scale(1);
  transition: 0.3s all ease-in-out;
}
#writing .project .project-title {
  margin: 0 auto;
  padding: 0.4% 16px;
  color: #fff;
  font-weight: 500;
}
#writing .project .meta-group {
  display: flex;
  flex-direction: row;
}
#writing .project .project-meta {
  opacity: 0.6;
  margin: 0 auto;
  padding: 0.4% 16px;
  font-weight: 100;
  color: #fff;
}
#writing .project .project-published {
  display: none;
}
#writing.objects-open .project:hover hgroup {
  transform: scale(1.08);
}
#writing .project-opening .project-summary,
#writing .project-open .project-summary {
  height: 500px;
}
@media (max-width: 520px) {
  #writing .project-opening .project-summary,
  #writing .project-open .project-summary {
    height: 300px;
  }
}
#writing .project-opening hgroup,
#writing .project-open hgroup {
  transform: scale(1.5);
}
@media (max-width: 960px) {
  #writing .project-opening hgroup,
  #writing .project-open hgroup {
    transform: scale(1.3);
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 840px) {
  #writing .project-opening hgroup,
  #writing .project-open hgroup {
    transform: scale(1.2);
    padding-left: 16px;
    padding-right: 16px;
  }
}
.parent-page {
  opacity: 0;
  transition: 0.3s all ease-in-out;
}
.fade-in {
  animation-name: fade-in;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  transition-duration: 0.3s all ease-in-out;
}
.active-page {
  opacity: 1;
  animation-duration: 0s;
  animation-fill-mode: forwards;
  transition-duration: 0s;
}
.catalog {
  border: 1px solid #2a2d31;
  border-top: transparent;
}
.catalog:before,
.catalog:after {
  content: " ";
  display: table;
}
.catalog:after {
  clear: both;
}
#portfolio {
  color: #383c43;
}
#portfolio .project.project-opening .project-summary,
#portfolio .project.project-open .project-summary {
  height: 500px;
}
@media (max-width: 840px) {
  #portfolio .project.project-opening .project-summary,
  #portfolio .project.project-open .project-summary {
    height: 400px;
    padding-top: 40px;
  }
}
@media (max-width: 520px) {
  #portfolio .project.project-opening .project-summary,
  #portfolio .project.project-open .project-summary {
    height: 300px;
    padding-top: 80px;
  }
}
#portfolio .project .project-logo {
  transition: 0.3s all ease-in-out;
  position: relative;
  top: 50%;
}
#portfolio .project .project-title .h3 {
  color: #828b9a;
  font-weight: 300;
}
@media (max-width: 520px) {
  #portfolio .project .project-title {
    margin-top: 40px;
  }
}
#portfolio .project .secondary-logo {
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: opacity 0.05s;
}
#portfolio .project.project-visible .secondary-logo {
  opacity: 1;
  transition: opacity 2s, transform 0.2s;
}
#portfolio .footer-wrapper .short-bio {
  margin-top: 0;
}
#photography {
  color: #383c43;
}
#photography .h3 {
  color: #fff;
}
#photography a,
#photography a:link {
  color: #fff;
  border-bottom: none;
}
#photography .photo header {
  background-color: #1e2023;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
#photography .photo.project-opening .project-summary,
#photography .photo.project-open .project-summary {
  height: 90%;
}
@media (max-width: 840px) {
  #photography .photo.project-opening .project-summary,
  #photography .photo.project-open .project-summary {
    height: 55%;
  }
}
#photography .photo.project-open .project-details {
  height: 10%;
}
@media (max-width: 840px) {
  #photography .photo.project-open .project-details {
    height: 45%;
  }
}
#photography .photo.project-open .project-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  opacity: 1;
  height: 100%;
}
@media (max-width: 840px) {
  #photography .photo.project-open .project-content {
    flex-direction: column;
  }
}
#photography .photo.project-open .content-wrapper {
  max-width: 100%;
  height: 100%;
  min-height: inherit;
  margin: 0 auto;
  padding: 0 24px;
}
#photography .photo.project-open .title-wrapper {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 840px) {
  #photography .photo.project-open .title-wrapper {
    align-items: flex-end;
    margin-bottom: 0.25em;
  }
}
#photography .photo.project-open .social-links {
  flex: 3;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}
@media (max-width: 840px) {
  #photography .photo.project-open .social-links {
    flex: 2;
    width: 100%;
    text-align: center;
  }
}
#photography .photo.project-open .social-links li {
  display: inline-block;
  margin-left: 16px;
}
@media (max-width: 840px) {
  #photography .photo.project-open .social-links li {
    display: flex;
    align-items: center;
    margin: 0 0 16px 0;
  }
}
#photography .photo.project-open .social-links li a {
  flex: 1;
}
@media (max-width: 840px) {
  #photography .photo.project-open .social-links li a {
    width: 100%;
  }
}
@media (max-width: 840px) {
  #photography .photo.project-open .social-links {
    align-items: flex-start;
    margin-top: 0.25em;
  }
}
#photography.objects-open .photo header {
  opacity: 0.9;
}
#photography.objects-open .photo:hover header {
  opacity: 1;
  background-size: 101%;
}
#glass {
  position: absolute;
  z-index: 5000;
  border-radius: 50%;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  display: none;
  background-repeat: no-repeat;
  background-color: #eee;
}
.project-right {
  float: right;
}
.content-wrapper {
  position: relative;
  min-height: 500px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 80px;
}
.content-wrapper:before,
.content-wrapper:after {
  content: " ";
  display: table;
}
.content-wrapper:after {
  clear: both;
}
@media (max-width: 840px) {
  .content-wrapper {
    margin: 0 auto 40px;
    padding: 0 40px;
  }
}
@media (max-width: 520px) {
  .content-wrapper {
    margin: 0 auto 16px;
    padding: 0 16px;
  }
}
.footer-wrapper {
  min-height: auto;
}
.project-title {
  text-align: center;
  margin: 0 auto;
}
.content-group {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  margin-bottom: 80px;
}
@media (max-width: 840px) {
  .content-group {
    flex-direction: column;
    text-align: left;
  }
}
@media (max-width: 520px) {
  .content-group {
    margin-bottom: 40px;
  }
}
.content-group-duo {
  display: flex;
  width: 100%;
  position: relative;
  flex-direction: row;
}
@media (max-width: 960px) {
  .breakdown-text-1,
  .breakdown-text-2,
  .breakdown-text-3,
  .breakdown-text-4,
  .breakdown-text-5,
  .breakdown-text-6,
  .breakdown-text-7,
  .breakdown-text-8,
  .breakdown-text-9,
  .breakdown-text-10,
  .breakdown-text-11,
  .breakdown-text-12 {
    margin-top: 16px !important;
  }
}
.content-image {
  flex: 1;
}
@media (max-width: 840px) {
  .content-image {
    text-align: center;
  }
}
.content-image img {
  width: 100%;
}
@media (max-width: 840px) {
  .content-image img {
    margin-top: 16px;
  }
}
.content-image video {
  width: 100%;
}
.content-text {
  flex: 1;
}
.content-group-left .content-text-wrapper {
  margin-right: 20%;
}
@media (max-width: 840px) {
  .content-group-left .content-text-wrapper {
    margin-right: auto;
  }
}
.content-group-left .text-wrapper-center {
  text-align: center;
  margin: 0 auto;
}
.content-group-left .content-image {
  text-align: right;
}
@media (max-width: 840px) {
  .content-group-left .content-image {
    text-align: center;
  }
}
@media (max-width: 840px) {
  .content-group-right {
    flex-direction: column-reverse;
  }
}
.content-group-right .content-text-wrapper {
  margin-left: 20%;
}
@media (max-width: 840px) {
  .content-group-right .content-text-wrapper {
    margin-left: auto;
  }
}
.content-group-right .text-wrapper-center {
  text-align: center;
  margin: 0 auto;
}
.content-group-center {
  flex-direction: column;
  text-align: center;
}
@media (max-width: 840px) {
  .content-group-center {
    text-align: left;
  }
}
.content-group-center .content-text {
  max-width: 960px;
  margin: 0 auto;
}
.content-group-center img {
  max-width: 100%;
  margin: 0 0 40px;
}
.content-group-hero {
  margin: 80px auto;
}
@media (max-width: 520px) {
  .content-group-hero {
    margin: 40px auto;
  }
}
.content-group-hero img {
  margin: 0 auto;
}
.content-group-hero .content-image {
  padding-top: 0;
  padding-bottom: 0;
}
.content-group-textoverlay {
  position: relative;
}
.content-group-textoverlay img {
  margin-bottom: 0;
}
.content-group-textoverlay .content-text {
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  padding: 0 16px;
}
.content-group-textoverlay .content-text h1,
.content-group-textoverlay .content-text h2,
.content-group-textoverlay .content-text h3,
.content-group-textoverlay .content-text .h1,
.content-group-textoverlay .content-text .h2,
.content-group-textoverlay .content-text .h3,
.content-group-textoverlay .content-text p {
  color: #fff;
  text-shadow: 0px 0px 80px rgba(0, 0, 0, 0.8);
}
.content-group-grid {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 40px;
}
.content-group-grid .content-group-grid-item {
  padding: 2%;
  text-align: center;
}
.content-group-grid .content-group-grid-item img {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.content-group-grid .content-group-grid-item h4 {
  margin-top: 10px;
  color: #a6aebf;
}
.content-group-grid-smaller .content-group-grid-item {
  width: 20%;
}
@media (max-width: 840px) {
  .content-group-grid-smaller .content-group-grid-item {
    width: 33.33%;
  }
}
@media (max-width: 520px) {
  .content-group-grid-smaller .content-group-grid-item {
    width: 50%;
  }
}
.content-group-grid-small .content-group-grid-item {
  width: 33.33%;
}
@media (max-width: 840px) {
  .content-group-grid-small .content-group-grid-item {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .content-group-grid-small .content-group-grid-item {
    width: 100%;
  }
}
.content-group-grid-large .content-group-grid-item {
  width: 50%;
}
@media (max-width: 840px) {
  .content-group-grid-large .content-group-grid-item {
    width: 100%;
  }
}
.content-group .content-group-grid-item-span2 {
  width: 50%;
}
@media (max-width: 840px) {
  .content-group .content-group-grid-item-span2 {
    width: 100%;
  }
}
.special-credit h4 {
  margin-bottom: 0;
}
.special-credit h5 {
  margin-top: 0;
  font-weight: normal;
  color: #5b616c;
}
.content-image-row {
  flex-direction: row;
}
.content-image-row .content-image {
  position: relative;
  padding: 2%;
}
.content-image-row .content-image .screen {
  position: absolute;
}
.content-image-solo {
  flex-direction: row;
  max-width: 320px;
  margin: 0 auto;
}
.content-image-solo .content-image {
  position: relative;
  padding: 2%;
  max-width: 320px;
  margin: 0 auto;
}
.content-image-solo .content-image .screen {
  position: absolute;
}
.content-device-stack {
  position: relative;
}
.content-device-stack .content-image {
  position: relative;
  padding: 2%;
}
.content-device-stack .content-image .screen {
  position: absolute;
}
.content-device-stack .overlaid {
  position: absolute;
  bottom: 0;
  right: 4%;
  width: 23%;
}
.content-device-stack .overlaid .screen {
  width: 70.4%;
  top: 15.6%;
  left: 14.78%;
}
.team-members {
  list-style: none;
  width: 100%;
  margin-bottom: 0 0 40px;
  padding: 0;
}
.team-members li {
  display: block;
  float: left;
  width: 33.33%;
  margin: 0 0 40px;
  padding: 0 16px;
  text-align: center;
}
.team-members li:last-child {
  margin-bottom: 0;
}
@media (max-width: 960px) {
  .team-members li {
    width: 50%;
  }
}
@media (max-width: 840px) {
  .team-members li {
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 40px 0;
    border-top: 1px solid #d0d7e3;
  }
  .team-members li:last-child {
    border-bottom: 1px solid #d0d7e3;
  }
}
.team-members li a,
.team-members li a:link {
  border: none;
}
.team-members li a img,
.team-members li a:link img {
  display: inline-block;
  max-width: 72px;
  vertical-align: middle;
  margin: 0 16px 0 0;
  border-radius: 100%;
}
.team-members li a .member-text,
.team-members li a:link .member-text {
  display: inline-block;
  width: 160px;
  vertical-align: middle;
  text-align: left;
}
.team-members li a .member-text h3,
.team-members li a:link .member-text h3 {
  margin: 0;
}
.team-members li a .member-text h4,
.team-members li a:link .member-text h4 {
  margin: 0;
  color: #5b616c;
  font-weight: normal;
}
.team-members-centered li {
  display: inline-block;
  float: none;
}
.project-quote {
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 840px) {
  .project-quote {
    margin-bottom: 16px;
  }
}
.content-image-stack {
  width: 100%;
}
.image-stack {
  position: relative;
  top: 0;
  left: 0;
  margin: 120px auto;
}
.image-stack:before,
.image-stack:after {
  content: " ";
  display: table;
}
.image-stack:after {
  clear: both;
}
@media (max-width: 840px) {
  .image-stack {
    margin: 80px auto;
  }
}
@media (max-width: 520px) {
  .image-stack {
    margin: 80px auto 0;
  }
}
.image-stack img {
  position: absolute;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.2);
}
.image-stack img:nth-child(1) {
  top: -80px;
  left: -80px;
}
.image-stack img:nth-child(2) {
  top: 0px;
  left: 0px;
}
.image-stack img:nth-child(3) {
  top: 80px;
  left: 80px;
}
.image-stack img:nth-child(4) {
  top: 160px;
  left: 160px;
}
.image-stack img:nth-child(5) {
  top: 220px;
  left: 220px;
}
.content-image-fan {
  position: relative;
  margin: 80px auto;
}
.content-image-fan:before,
.content-image-fan:after {
  content: " ";
  display: table;
}
.content-image-fan:after {
  clear: both;
}
@media (max-width: 520px) {
  .content-image-fan {
    margin: 40px auto;
  }
}
.content-image-fan .fanned-image:nth-child(1) {
  position: relative;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 60%;
}
.content-image-fan .fanned-image:nth-child(2) {
  position: absolute;
  z-index: 500;
  top: 10%;
  left: 0px;
  width: 50%;
}
.content-image-fan .fanned-image:nth-child(3) {
  position: absolute;
  z-index: 500;
  top: 10%;
  right: 0;
  width: 50%;
}
.content-image-fan .fanned-image img {
  margin: 0 auto;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
}
.content-image-trio {
  width: 33.33%;
}
.content-image-duo {
  width: 50%;
}
.image-roll {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.image-roll-marquee {
  width: 100%;
}
.image-roll-marquee img {
  max-width: 287px;
  margin: 0 8px 0;
}
.content-group-full {
  padding: 0 16px;
}
.project-breakdown {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 80px;
}
.project-breakdown:before,
.project-breakdown:after {
  content: " ";
  display: table;
}
.project-breakdown:after {
  clear: both;
}
@media (max-width: 960px) {
  .project-breakdown {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.project-breakdown .breakdown-text {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
}
.project-breakdown .breakdown-text .breakdown-pointer {
  flex: auto;
  position: relative;
  z-index: 3000;
  min-width: 60px;
  height: 1px;
  margin-top: 44px;
  background: #a6aebf;
}
@media (max-width: 960px) {
  .project-breakdown .breakdown-text .breakdown-pointer {
    display: none;
  }
}
.project-breakdown .breakdown-image {
  position: relative;
  z-index: 2000;
}
.project-breakdown .breakdown-image img {
  max-width: 500px;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
@media (max-width: 960px) {
  .project-breakdown .breakdown-image img {
    max-width: 100%;
  }
}
.project-breakdown .breakdown-image .content-text-wrapper {
  text-align: center;
}
.project-breakdown-wrapper {
  flex: auto;
}
.project-breakdown-left .breakdown-text {
  margin-left: -90px;
}
@media (max-width: 960px) {
  .project-breakdown-left .breakdown-text {
    margin-left: 0;
  }
}
.project-breakdown-left .breakdown-image {
  margin-right: 80px;
}
@media (max-width: 960px) {
  .project-breakdown-left .breakdown-image {
    margin-right: 0;
  }
}
.project-breakdown-left .breakdown-text-wrapper {
  padding-left: 16px;
}
@media (max-width: 840px) {
  .project-breakdown-left .breakdown-text-wrapper {
    padding: 0;
  }
}
@media (max-width: 960px) {
  .project-breakdown-right {
    flex-direction: column-reverse;
  }
}
.project-breakdown-right .breakdown-text {
  margin-right: -90px;
}
@media (max-width: 960px) {
  .project-breakdown-right .breakdown-text {
    margin-right: 16px;
  }
}
.project-breakdown-right .breakdown-image {
  margin-left: 80px;
}
@media (max-width: 960px) {
  .project-breakdown-right .breakdown-image {
    margin-left: 0;
  }
}
.project-breakdown-right .breakdown-text-wrapper {
  padding-right: 16px;
}
@media (max-width: 960px) {
  .project-breakdown-right .breakdown-text-wrapper {
    padding: 0;
  }
}
.project-breakdown-right .breakdown-text {
  flex-direction: row-reverse;
}
.device-iphone-5c .screen {
  top: 16.4%;
  left: 13.8%;
  width: 73.4%;
}
.device-iphone-6 .screen {
  top: 14.35%;
  left: 12.3%;
  width: 75.4%;
}
.device-iphone-x {
  display: relative;
}
.device-iphone-x .screen {
  z-index: 500;
  top: 6.1%;
  left: 0;
  right: 0;
  width: 77%;
  margin: 0 auto;
}
.device-iphone-x .device {
  position: relative;
  margin: 0 auto;
  display: relative;
  z-index: 600;
}
.device-macbook-2015 .screen {
  top: 10.2%;
  left: 14.1%;
  width: 72%;
}
.device-card {
  position: absolute;
  z-index: 1000;
  top: 50%;
  left: 45%;
  width: 36%;
}
.parent-page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px;
}
@media (max-width: 840px) {
  .parent-page-wrapper {
    padding: 40px;
  }
}
@media (max-width: 520px) {
  .parent-page-wrapper {
    padding: 16px;
  }
}
.parent-page-content {
  padding: 0 0 0 80px;
}
@media (max-width: 960px) {
  .parent-page-content {
    padding: 0;
  }
}
#about .parent-page-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 960px) {
  #about .parent-page-wrapper {
    flex-direction: column-reverse;
  }
}
#about .parent-page-wrapper .photo {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
@media (max-width: 960px) {
  #about .parent-page-wrapper .photo {
    margin-top: 16px;
    flex-direction: column-reverse;
  }
}
#about .parent-page-wrapper .photo img {
  max-width: 100%;
  border-radius: 10px;
}
#about .parent-page-wrapper .photo figcaption {
  margin-top: 16px;
  margin-bottom: 40px;
}
#about .parent-page-wrapper .parent-page-content {
  flex: 2;
}
#about .parent-page-wrapper .parent-page-content h1 {
  margin-top: 0;
  padding-top: 0;
}
#about .social-links {
  display: flex;
  display: none;
  width: 100%;
  margin-top: 16px;
}
@media (max-width: 960px) {
  #about .social-links {
    margin-bottom: 40px;
  }
}
#about .social-links a,
#about .social-links a:link {
  flex: 1;
  display: flex;
  width: 16.66%;
  margin: 2%;
  padding: 2.5%;
  color: #fff;
  font-size: 21px;
  text-align: center;
  border: none;
  border-radius: 5px;
}
#about .social-links a:before,
#about .social-links a:link:before,
#about .social-links a:after,
#about .social-links a:link:after {
  content: " ";
  display: table;
}
#about .social-links a:after,
#about .social-links a:link:after {
  clear: both;
}
#about .social-links a .instagram-logo,
#about .social-links a:link .instagram-logo {
  width: 21px;
  height: 21px;
  box-shadow: none;
  margin: 0 auto;
  vertical-align: middle;
}
#about .social-links a:first-child,
#about .social-links a:link:first-child {
  margin-left: 0;
}
#about .social-links a:last-child,
#about .social-links a:link:last-child {
  margin-right: 0;
}
#about .social-links a .ss-icon,
#about .social-links a:link .ss-icon {
  flex: 1;
  margin-bottom: -6px;
}
#about .social-links a .social-text,
#about .social-links a:link .social-text {
  display: none;
}
#about .social-links a.social-twitter,
#about .social-links a:link.social-twitter {
  background: #4099FF;
}
#about .social-links a.social-twitter:hover,
#about .social-links a:link.social-twitter:hover {
  background: #0d7eff;
}
#about .social-links a.social-twitter:active,
#about .social-links a:link.social-twitter:active {
  background: #0071f3;
}
#about .social-links a.social-facebook,
#about .social-links a:link.social-facebook {
  background: #3B5998;
}
#about .social-links a.social-facebook:hover,
#about .social-links a:link.social-facebook:hover {
  background: #2d4373;
}
#about .social-links a.social-facebook:active,
#about .social-links a:link.social-facebook:active {
  background: #263961;
}
#about .social-links a.social-dribbble,
#about .social-links a:link.social-dribbble {
  background: #ea4c89;
}
#about .social-links a.social-dribbble:hover,
#about .social-links a:link.social-dribbble:hover {
  background: #e51e6b;
}
#about .social-links a.social-dribbble:active,
#about .social-links a:link.social-dribbble:active {
  background: #d11960;
}
#about .social-links a.social-instagram,
#about .social-links a:link.social-instagram {
  background: #f4420a;
}
#about .social-links a.social-instagram:hover,
#about .social-links a:link.social-instagram:hover {
  background: #c33508;
}
#about .social-links a.social-instagram:active,
#about .social-links a:link.social-instagram:active {
  background: #ab2e07;
}
#about .social-links a.social-linkedin,
#about .social-links a:link.social-linkedin {
  background: #4875b4;
}
#about .social-links a.social-linkedin:hover,
#about .social-links a:link.social-linkedin:hover {
  background: #395d90;
}
#about .social-links a.social-linkedin:active,
#about .social-links a:link.social-linkedin:active {
  background: #32517d;
}
#about .social-links a.social-email,
#about .social-links a:link.social-email {
  background: #828b9a;
}
#about .social-links a.social-email:hover,
#about .social-links a:link.social-email:hover {
  background: #687181;
}
#about .social-links a.social-email:active,
#about .social-links a:link.social-email:active {
  background: #5d6573;
}
#speaking .parent-page-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 960px) {
  #speaking .parent-page-wrapper {
    flex-direction: column-reverse;
  }
}
#speaking .parent-page-wrapper figure {
  margin-right: 0;
}
#speaking .parent-page-wrapper figcaption {
  margin-top: 16px/2;
  margin-bottom: 40px;
}
#speaking .parent-page-wrapper .photo {
  flex: 1;
}
#speaking .parent-page-wrapper .photo img {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
}
#speaking .parent-page-wrapper .parent-page-content {
  flex: 2;
}
#speaking .parent-page-wrapper .parent-page-content h1 {
  margin-top: 0;
  padding-top: 0;
}
#speaking .parent-page-wrapper .parent-page-content h3,
#speaking .parent-page-wrapper .parent-page-content .h3 {
  color: #fff;
  font-weight: 300;
  margin-bottom: 0.5em;
}
#speaking .parent-page-wrapper .parent-page-content a,
#speaking .parent-page-wrapper .parent-page-content a:link {
  color: #ff7800;
  border: none;
}
#speaking .parent-page-wrapper .parent-page-content a:hover {
  color: #cc6000;
}
#speaking .parent-page-wrapper .parent-page-content .year {
  color: #5b616c;
}
#speaking .parent-page-wrapper .parent-page-content .date {
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
  color: #828b9a;
}
#speaking .parent-page-wrapper .parent-page-content .title {
  margin-top: 0;
  padding-top: 0;
}
#speaking .parent-page-wrapper .parent-page-content ul {
  list-style: none;
  margin: 0 0 80px 0;
  padding: 0;
}
@media (max-width: 840px) {
  #speaking .parent-page-wrapper .parent-page-content ul {
    margin: 0;
  }
}
@media (max-width: 960px) {
  #speaking .parent-page-wrapper .parent-page-content ul {
    margin: 0 0 40px 0;
  }
}
#speaking .parent-page-wrapper .parent-page-content ul ul li {
  margin-bottom: 40px;
  border-bottom: 2px solid #383c43;
}
@media (max-width: 960px) {
  #speaking .parent-page-wrapper .parent-page-content ul ul li {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
#contact {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#contact .social-links {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
#contact .social-links ul {
  display: block;
  list-style: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#contact .social-links ul li {
  display: flex;
  float: left;
  width: 33.33%;
  height: 50%;
  margin: 0;
  border: 1px solid #2a2d31;
}
@media (max-width: 840px) {
  #contact .social-links ul li {
    width: 50%;
    height: 33.33%;
  }
}
#contact .social-links a,
#contact .social-links a:link {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  color: #fff;
  font-size: 100px;
  text-align: center;
  border: none;
  transition: 0.3s all ease-in-out;
}
#contact .social-links a:before,
#contact .social-links a:link:before,
#contact .social-links a:after,
#contact .social-links a:link:after {
  content: " ";
  display: table;
}
#contact .social-links a:after,
#contact .social-links a:link:after {
  clear: both;
}
#contact .social-links a .instagram-logo,
#contact .social-links a:link .instagram-logo {
  text-align: center;
  margin: 0 auto;
  width: 100px;
  transform: scale(0.9);
  transition: 0.3s all ease-in-out;
}
@media (max-width: 840px) {
  #contact .social-links a,
  #contact .social-links a:link {
    font-size: 72px;
  }
  #contact .social-links a .instagram-logo,
  #contact .social-links a:link .instagram-logo {
    width: 72px;
  }
}
@media (max-width: 520px) {
  #contact .social-links a,
  #contact .social-links a:link {
    font-size: 48px;
  }
  #contact .social-links a .instagram-logo,
  #contact .social-links a:link .instagram-logo {
    width: 48px;
  }
}
#contact .social-links a:hover .ss-icon,
#contact .social-links a:link:hover .ss-icon,
#contact .social-links a:hover .instagram-logo,
#contact .social-links a:link:hover .instagram-logo {
  transform: scale(1);
}
#contact .social-links a .ss-icon,
#contact .social-links a:link .ss-icon {
  flex: 1;
  transform: scale(0.9);
  transition: 0.3s all ease-in-out;
}
#contact .social-links a .ss-icon:after,
#contact .social-links a:link .ss-icon:after,
#contact .social-links a .ss-icon:before,
#contact .social-links a:link .ss-icon:before {
  position: relative;
  bottom: -10px;
}
#contact .social-links a .social-text,
#contact .social-links a:link .social-text {
  display: none;
}
#contact .social-links a.social-twitter:hover,
#contact .social-links a:link.social-twitter:hover {
  background: #4099FF;
}
#contact .social-links a.social-twitter:active,
#contact .social-links a:link.social-twitter:active {
  background: #0071f3;
}
#contact .social-links a.social-facebook:hover,
#contact .social-links a:link.social-facebook:hover {
  background: #3B5998;
}
#contact .social-links a.social-facebook:active,
#contact .social-links a:link.social-facebook:active {
  background: #263961;
}
#contact .social-links a.social-dribbble:hover,
#contact .social-links a:link.social-dribbble:hover {
  background: #ea4c89;
}
#contact .social-links a.social-dribbble:active,
#contact .social-links a:link.social-dribbble:active {
  background: #d11960;
}
#contact .social-links a.social-instagram:hover,
#contact .social-links a:link.social-instagram:hover {
  background: #e44450;
}
#contact .social-links a.social-instagram:active,
#contact .social-links a:link.social-instagram:active {
  background: #c01c28;
}
#contact .social-links a.social-linkedin:hover,
#contact .social-links a:link.social-linkedin:hover {
  background: #4875b4;
}
#contact .social-links a.social-linkedin:active,
#contact .social-links a:link.social-linkedin:active {
  background: #32517d;
}
#contact .social-links a.social-email:hover,
#contact .social-links a:link.social-email:hover {
  background: #828b9a;
}
#contact .social-links a.social-email:active,
#contact .social-links a:link.social-email:active {
  background: #5d6573;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.uil-default-css > div:nth-of-type(1) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.uil-default-css {
  position: relative;
  background: none;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
  transform: scale(0.4);
}
@media (max-width: 840px) {
  .uil-default-css {
    transform: scale(0.15);
  }
}
.uil-default-css > div:nth-of-type(2) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.41666667s;
  animation-delay: -0.41666667s;
}
.uil-default-css > div:nth-of-type(3) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.33333333s;
  animation-delay: -0.33333333s;
}
.uil-default-css > div:nth-of-type(4) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.uil-default-css > div:nth-of-type(5) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.16666667s;
  animation-delay: -0.16666667s;
}
.uil-default-css > div:nth-of-type(6) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: -0.08333333s;
  animation-delay: -0.08333333s;
}
.uil-default-css > div:nth-of-type(7) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.uil-default-css > div:nth-of-type(8) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.08333333s;
  animation-delay: 0.08333333s;
}
.uil-default-css > div:nth-of-type(9) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.16666667s;
  animation-delay: 0.16666667s;
}
.uil-default-css > div:nth-of-type(10) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.uil-default-css > div:nth-of-type(11) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.33333333s;
  animation-delay: 0.33333333s;
}
.uil-default-css > div:nth-of-type(12) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
  -webkit-animation-delay: 0.41666667s;
  animation-delay: 0.41666667s;
}
.project-wrapper {
  background: #1e2023;
}
.project-wrapper .meta-info {
  background: #383c43;
}
:hover .project-wrapper {
  background: #5b616c;
}
.project-opening .project-wrapper,
.project-open .project-wrapper {
  background: #383c43;
}
.project-square .project-wrapper {
  background: #1e2023;
}
.project-square .project-wrapper .meta-info {
  background: #4E71CA;
}
.project-square h3 {
  color: #4E71CA;
}
.project-square a,
.project-square a:link {
  border-bottom-color: #4E71CA;
}
.project-square a:hover {
  border-bottom-color: #7590d6;
}
.project-square a:active {
  border-bottom-color: #89a0dc;
}
.project-square:hover .project-wrapper {
  background: #4E71CA;
}
.project-square.project-opening .project-wrapper,
.project-square.project-open .project-wrapper {
  background: #4E71CA;
}
.project-square .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-viewfinder-app .project-wrapper {
  background: #1e2023;
}
.project-viewfinder-app .project-wrapper .meta-info {
  background: #DA244C;
}
.project-viewfinder-app h3 {
  color: #F8345F;
}
.project-viewfinder-app a,
.project-viewfinder-app a:link {
  border-bottom-color: #F8345F;
}
.project-viewfinder-app a:hover {
  border-bottom-color: #fa6586;
}
.project-viewfinder-app a:active {
  border-bottom-color: #fb7e99;
}
.project-viewfinder-app:hover .project-wrapper {
  background: #F8345F;
}
.project-viewfinder-app.project-opening .project-wrapper,
.project-viewfinder-app.project-open .project-wrapper {
  background: #F8345F;
}
.project-viewfinder-app .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-teespring .project-wrapper {
  background: #1e2023;
}
.project-teespring .project-wrapper .meta-info {
  background: #234d69;
}
.project-teespring h3 {
  color: #3caae0;
}
.project-teespring a,
.project-teespring a:link {
  border-bottom-color: #3caae0;
}
.project-teespring a:hover {
  border-bottom-color: #68bde7;
}
.project-teespring a:active {
  border-bottom-color: #7ec7ea;
}
.project-teespring:hover .project-wrapper {
  background: #3caae0;
}
.project-teespring.project-opening .project-wrapper,
.project-teespring.project-open .project-wrapper {
  background: #3caae0;
}
.project-teespring .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-disqus-dashboard .project-wrapper {
  background: #1e2023;
}
.project-disqus-dashboard .project-wrapper .meta-info {
  background: #13426B;
}
.project-disqus-dashboard h3 {
  color: #4C3770;
}
.project-disqus-dashboard a,
.project-disqus-dashboard a:link {
  border-bottom-color: #4C3770;
}
.project-disqus-dashboard a:hover {
  border-bottom-color: #634892;
}
.project-disqus-dashboard a:active {
  border-bottom-color: #6f50a3;
}
.project-disqus-dashboard:hover .project-wrapper {
  background: #4C3770;
}
.project-disqus-dashboard.project-opening .project-wrapper,
.project-disqus-dashboard.project-open .project-wrapper {
  background: #4C3770;
}
.project-disqus-dashboard .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-disqus-mobile .project-wrapper {
  background: #1e2023;
}
.project-disqus-mobile .project-wrapper .meta-info {
  background: #422D65;
}
.project-disqus-mobile h3 {
  color: #4C3770;
}
.project-disqus-mobile a,
.project-disqus-mobile a:link {
  border-bottom-color: #4C3770;
}
.project-disqus-mobile a:hover {
  border-bottom-color: #634892;
}
.project-disqus-mobile a:active {
  border-bottom-color: #6f50a3;
}
.project-disqus-mobile:hover .project-wrapper {
  background: #4C3770;
}
.project-disqus-mobile.project-opening .project-wrapper,
.project-disqus-mobile.project-open .project-wrapper {
  background: #4C3770;
}
.project-disqus-mobile .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-disqus-embed .project-wrapper {
  background: #1e2023;
}
.project-disqus-embed .project-wrapper .meta-info {
  background: #2e9fff;
}
.project-disqus-embed h3 {
  color: #164B78;
}
.project-disqus-embed a,
.project-disqus-embed a:link {
  border-bottom-color: #164B78;
}
.project-disqus-embed a:hover {
  border-bottom-color: #1e66a3;
}
.project-disqus-embed a:active {
  border-bottom-color: #2273b9;
}
.project-disqus-embed:hover .project-wrapper {
  background: #164B78;
}
.project-disqus-embed.project-opening .project-wrapper,
.project-disqus-embed.project-open .project-wrapper {
  background: #164B78;
}
.project-disqus-embed .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-disqus-website .project-wrapper {
  background: #1e2023;
}
.project-disqus-website .project-wrapper .meta-info {
  background: #fff;
}
.project-disqus-website h3 {
  color: #ffcd4d;
}
.project-disqus-website a,
.project-disqus-website a:link {
  border-bottom-color: #ffcd4d;
}
.project-disqus-website a:hover {
  border-bottom-color: #ffdb80;
}
.project-disqus-website a:active {
  border-bottom-color: #ffe29a;
}
.project-disqus-website:hover .project-wrapper {
  background: #ffcd4d;
}
.project-disqus-website.project-opening .project-wrapper,
.project-disqus-website.project-open .project-wrapper {
  background: #ffcd4d;
}
.project-disqus-website .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-publicons .project-wrapper {
  background: #1e2023;
}
.project-publicons .project-wrapper .meta-info {
  background: #4F676F;
}
.project-publicons h3 {
  color: #5A727B;
}
.project-publicons a,
.project-publicons a:link {
  border-bottom-color: #5A727B;
}
.project-publicons a:hover {
  border-bottom-color: #718d97;
}
.project-publicons a:active {
  border-bottom-color: #8099a2;
}
.project-publicons:hover .project-wrapper {
  background: #5A727B;
}
.project-publicons.project-opening .project-wrapper,
.project-publicons.project-open .project-wrapper {
  background: #5A727B;
}
.project-publicons .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-everdwell .project-wrapper {
  background: #1e2023;
}
.project-everdwell .project-wrapper .meta-info {
  background: #F2575A;
}
.project-everdwell h3 {
  color: #d65056;
}
.project-everdwell a,
.project-everdwell a:link {
  border-bottom-color: #d65056;
}
.project-everdwell a:hover {
  border-bottom-color: #e0797e;
}
.project-everdwell a:active {
  border-bottom-color: #e58e92;
}
.project-everdwell:hover .project-wrapper {
  background: #d65056;
}
.project-everdwell.project-opening .project-wrapper,
.project-everdwell.project-open .project-wrapper {
  background: #d65056;
}
.project-everdwell .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-bulan .project-wrapper {
  background: #1e2023;
}
.project-bulan .project-wrapper .meta-info {
  background: #FE976B;
}
.project-bulan h3 {
  color: #FF7F48;
}
.project-bulan a,
.project-bulan a:link {
  border-bottom-color: #FF7F48;
}
.project-bulan a:hover {
  border-bottom-color: #ffa37b;
}
.project-bulan a:active {
  border-bottom-color: #ffb595;
}
.project-bulan:hover .project-wrapper {
  background: #FF7F48;
}
.project-bulan.project-opening .project-wrapper,
.project-bulan.project-open .project-wrapper {
  background: #FF7F48;
}
.project-bulan .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-instacart .project-wrapper {
  background: #1e2023;
}
.project-instacart .project-wrapper .meta-info {
  background: #008F5E;
}
.project-instacart h3 {
  color: #00A86E;
}
.project-instacart a,
.project-instacart a:link {
  border-bottom-color: #00A86E;
}
.project-instacart a:hover {
  border-bottom-color: #00db8f;
}
.project-instacart a:active {
  border-bottom-color: #00f4a0;
}
.project-instacart:hover .project-wrapper {
  background: #00A86E;
}
.project-instacart.project-opening .project-wrapper,
.project-instacart.project-open .project-wrapper {
  background: #00A86E;
}
.project-instacart .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-dolody .project-wrapper {
  background: #1e2023;
}
.project-dolody .project-wrapper .meta-info {
  background: #df7259;
}
.project-dolody h3 {
  color: #db593c;
}
.project-dolody a,
.project-dolody a:link {
  border-bottom-color: #db593c;
}
.project-dolody a:hover {
  border-bottom-color: #e37e67;
}
.project-dolody a:active {
  border-bottom-color: #e7907d;
}
.project-dolody:hover .project-wrapper {
  background: #db593c;
}
.project-dolody.project-opening .project-wrapper,
.project-dolody.project-open .project-wrapper {
  background: #db593c;
}
.project-dolody .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-celebration-cruises .project-wrapper {
  background: #1e2023;
}
.project-celebration-cruises .project-wrapper .meta-info {
  background: #FFDC82;
}
.project-celebration-cruises h3 {
  color: #FFCD4D;
}
.project-celebration-cruises a,
.project-celebration-cruises a:link {
  border-bottom-color: #FFCD4D;
}
.project-celebration-cruises a:hover {
  border-bottom-color: #ffdb80;
}
.project-celebration-cruises a:active {
  border-bottom-color: #ffe29a;
}
.project-celebration-cruises:hover .project-wrapper {
  background: #FFCD4D;
}
.project-celebration-cruises.project-opening .project-wrapper,
.project-celebration-cruises.project-open .project-wrapper {
  background: #FFCD4D;
}
.project-celebration-cruises .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-vida-mobile .project-wrapper {
  background: #1e2023;
}
.project-vida-mobile .project-wrapper .meta-info {
  background: #00d6ef;
}
.project-vida-mobile h3 {
  color: #f9ca02;
}
.project-vida-mobile a,
.project-vida-mobile a:link {
  border-bottom-color: #f9ca02;
}
.project-vida-mobile a:hover {
  border-bottom-color: #fdd631;
}
.project-vida-mobile a:active {
  border-bottom-color: #fedb4a;
}
.project-vida-mobile:hover .project-wrapper {
  background: #f9ca02;
}
.project-vida-mobile.project-opening .project-wrapper,
.project-vida-mobile.project-open .project-wrapper {
  background: #f9ca02;
}
.project-vida-mobile .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-bento .project-wrapper {
  background: #1e2023;
}
.project-bento .project-wrapper .meta-info {
  background: #91d836;
}
.project-bento h3 {
  color: #77bc1f;
}
.project-bento a,
.project-bento a:link {
  border-bottom-color: #77bc1f;
}
.project-bento a:hover {
  border-bottom-color: #91dd31;
}
.project-bento a:active {
  border-bottom-color: #9de147;
}
.project-bento:hover .project-wrapper {
  background: #77bc1f;
}
.project-bento.project-opening .project-wrapper,
.project-bento.project-open .project-wrapper {
  background: #77bc1f;
}
.project-bento .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-webdesigner-depot .project-wrapper {
  background: #1e2023;
}
.project-webdesigner-depot .project-wrapper .meta-info {
  background: #42484b;
}
.project-webdesigner-depot h3 {
  color: #303437;
}
.project-webdesigner-depot a,
.project-webdesigner-depot a:link {
  border-bottom-color: #303437;
}
.project-webdesigner-depot a:hover {
  border-bottom-color: #484e52;
}
.project-webdesigner-depot a:active {
  border-bottom-color: #545b60;
}
.project-webdesigner-depot:hover .project-wrapper {
  background: #303437;
}
.project-webdesigner-depot.project-opening .project-wrapper,
.project-webdesigner-depot.project-open .project-wrapper {
  background: #303437;
}
.project-webdesigner-depot .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-marker-app .project-wrapper {
  background: #1e2023;
}
.project-marker-app .project-wrapper .meta-info {
  background: #f66f7f;
}
.project-marker-app h3 {
  color: #f2374d;
}
.project-marker-app a,
.project-marker-app a:link {
  border-bottom-color: #f2374d;
}
.project-marker-app a:hover {
  border-bottom-color: #f56778;
}
.project-marker-app a:active {
  border-bottom-color: #f77f8d;
}
.project-marker-app:hover .project-wrapper {
  background: #f2374d;
}
.project-marker-app.project-opening .project-wrapper,
.project-marker-app.project-open .project-wrapper {
  background: #f2374d;
}
.project-marker-app .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-bff .project-wrapper {
  background: #1e2023;
}
.project-bff .project-wrapper .meta-info {
  background: #59E2C6;
}
.project-bff h3 {
  color: #2EC9A9;
}
.project-bff a,
.project-bff a:link {
  border-bottom-color: #2EC9A9;
}
.project-bff a:hover {
  border-bottom-color: #52d8bc;
}
.project-bff a:active {
  border-bottom-color: #67dcc4;
}
.project-bff:hover .project-wrapper {
  background: #2EC9A9;
}
.project-bff.project-opening .project-wrapper,
.project-bff.project-open .project-wrapper {
  background: #2EC9A9;
}
.project-bff .parent-page-wrapper > p:first-child:first-letter {
  color: #1e2023;
}
.project-the-state-of-design-leadership .project-wrapper {
  background: #1e2023;
}
.project-the-state-of-design-leadership .project-wrapper .meta-info {
  background: #828b9a;
}
.project-the-state-of-design-leadership h3 {
  color: #4CAF50;
}
.project-the-state-of-design-leadership a,
.project-the-state-of-design-leadership a:link {
  border-bottom-color: #4CAF50;
}
.project-the-state-of-design-leadership a:hover {
  border-bottom-color: #6ec071;
}
.project-the-state-of-design-leadership a:active {
  border-bottom-color: #80c883;
}
.project-the-state-of-design-leadership:hover .project-wrapper {
  background: #4CAF50;
}
.project-the-state-of-design-leadership.project-opening .project-wrapper,
.project-the-state-of-design-leadership.project-open .project-wrapper {
  background: #4CAF50;
}
.project-the-state-of-design-leadership .parent-page-wrapper > p:first-child:first-letter {
  color: #4CAF50;
}
.project-how-to-get-funded-without-a-working-product .project-wrapper {
  background: #1e2023;
}
.project-how-to-get-funded-without-a-working-product .project-wrapper .meta-info {
  background: #828b9a;
}
.project-how-to-get-funded-without-a-working-product h3 {
  color: #009688;
}
.project-how-to-get-funded-without-a-working-product a,
.project-how-to-get-funded-without-a-working-product a:link {
  border-bottom-color: #009688;
}
.project-how-to-get-funded-without-a-working-product a:hover {
  border-bottom-color: #00c9b6;
}
.project-how-to-get-funded-without-a-working-product a:active {
  border-bottom-color: #00e3cd;
}
.project-how-to-get-funded-without-a-working-product:hover .project-wrapper {
  background: #009688;
}
.project-how-to-get-funded-without-a-working-product.project-opening .project-wrapper,
.project-how-to-get-funded-without-a-working-product.project-open .project-wrapper {
  background: #009688;
}
.project-how-to-get-funded-without-a-working-product .parent-page-wrapper > p:first-child:first-letter {
  color: #009688;
}
.project-how-to-hire-a-designer-and-build-a-design-team .project-wrapper {
  background: #1e2023;
}
.project-how-to-hire-a-designer-and-build-a-design-team .project-wrapper .meta-info {
  background: #828b9a;
}
.project-how-to-hire-a-designer-and-build-a-design-team h3 {
  color: #00BCD4;
}
.project-how-to-hire-a-designer-and-build-a-design-team a,
.project-how-to-hire-a-designer-and-build-a-design-team a:link {
  border-bottom-color: #00BCD4;
}
.project-how-to-hire-a-designer-and-build-a-design-team a:hover {
  border-bottom-color: #08e3ff;
}
.project-how-to-hire-a-designer-and-build-a-design-team a:active {
  border-bottom-color: #21e6ff;
}
.project-how-to-hire-a-designer-and-build-a-design-team:hover .project-wrapper {
  background: #00BCD4;
}
.project-how-to-hire-a-designer-and-build-a-design-team.project-opening .project-wrapper,
.project-how-to-hire-a-designer-and-build-a-design-team.project-open .project-wrapper {
  background: #00BCD4;
}
.project-how-to-hire-a-designer-and-build-a-design-team .parent-page-wrapper > p:first-child:first-letter {
  color: #00BCD4;
}
.project-14-things-learned-designing-at-disqus .project-wrapper {
  background: #1e2023;
}
.project-14-things-learned-designing-at-disqus .project-wrapper .meta-info {
  background: #828b9a;
}
.project-14-things-learned-designing-at-disqus h3 {
  color: #2196F3;
}
.project-14-things-learned-designing-at-disqus a,
.project-14-things-learned-designing-at-disqus a:link {
  border-bottom-color: #2196F3;
}
.project-14-things-learned-designing-at-disqus a:hover {
  border-bottom-color: #51adf6;
}
.project-14-things-learned-designing-at-disqus a:active {
  border-bottom-color: #6ab8f7;
}
.project-14-things-learned-designing-at-disqus:hover .project-wrapper {
  background: #2196F3;
}
.project-14-things-learned-designing-at-disqus.project-opening .project-wrapper,
.project-14-things-learned-designing-at-disqus.project-open .project-wrapper {
  background: #2196F3;
}
.project-14-things-learned-designing-at-disqus .parent-page-wrapper > p:first-child:first-letter {
  color: #2196F3;
}
.project-the-start-of-a-more-consistent-ios-design .project-wrapper {
  background: #1e2023;
}
.project-the-start-of-a-more-consistent-ios-design .project-wrapper .meta-info {
  background: #828b9a;
}
.project-the-start-of-a-more-consistent-ios-design h3 {
  color: #3F51B5;
}
.project-the-start-of-a-more-consistent-ios-design a,
.project-the-start-of-a-more-consistent-ios-design a:link {
  border-bottom-color: #3F51B5;
}
.project-the-start-of-a-more-consistent-ios-design a:hover {
  border-bottom-color: #606fc7;
}
.project-the-start-of-a-more-consistent-ios-design a:active {
  border-bottom-color: #7280ce;
}
.project-the-start-of-a-more-consistent-ios-design:hover .project-wrapper {
  background: #3F51B5;
}
.project-the-start-of-a-more-consistent-ios-design.project-opening .project-wrapper,
.project-the-start-of-a-more-consistent-ios-design.project-open .project-wrapper {
  background: #3F51B5;
}
.project-the-start-of-a-more-consistent-ios-design .parent-page-wrapper > p:first-child:first-letter {
  color: #3F51B5;
}
.project-savoring-first-experiences .project-wrapper {
  background: #1e2023;
}
.project-savoring-first-experiences .project-wrapper .meta-info {
  background: #828b9a;
}
.project-savoring-first-experiences h3 {
  color: #673AB7;
}
.project-savoring-first-experiences a,
.project-savoring-first-experiences a:link {
  border-bottom-color: #673AB7;
}
.project-savoring-first-experiences a:hover {
  border-bottom-color: #8259cb;
}
.project-savoring-first-experiences a:active {
  border-bottom-color: #916dd1;
}
.project-savoring-first-experiences:hover .project-wrapper {
  background: #673AB7;
}
.project-savoring-first-experiences.project-opening .project-wrapper,
.project-savoring-first-experiences.project-open .project-wrapper {
  background: #673AB7;
}
.project-savoring-first-experiences .parent-page-wrapper > p:first-child:first-letter {
  color: #673AB7;
}
.project-creating-a-responsive-svg .project-wrapper {
  background: #1e2023;
}
.project-creating-a-responsive-svg .project-wrapper .meta-info {
  background: #828b9a;
}
.project-creating-a-responsive-svg h3 {
  color: #9C27B0;
}
.project-creating-a-responsive-svg a,
.project-creating-a-responsive-svg a:link {
  border-bottom-color: #9C27B0;
}
.project-creating-a-responsive-svg a:hover {
  border-bottom-color: #bc37d3;
}
.project-creating-a-responsive-svg a:active {
  border-bottom-color: #c34cd7;
}
.project-creating-a-responsive-svg:hover .project-wrapper {
  background: #9C27B0;
}
.project-creating-a-responsive-svg.project-opening .project-wrapper,
.project-creating-a-responsive-svg.project-open .project-wrapper {
  background: #9C27B0;
}
.project-creating-a-responsive-svg .parent-page-wrapper > p:first-child:first-letter {
  color: #9C27B0;
}
.project-the-pixel-density-race .project-wrapper {
  background: #1e2023;
}
.project-the-pixel-density-race .project-wrapper .meta-info {
  background: #828b9a;
}
.project-the-pixel-density-race h3 {
  color: #E91E63;
}
.project-the-pixel-density-race a,
.project-the-pixel-density-race a:link {
  border-bottom-color: #E91E63;
}
.project-the-pixel-density-race a:hover {
  border-bottom-color: #ee4c83;
}
.project-the-pixel-density-race a:active {
  border-bottom-color: #f06493;
}
.project-the-pixel-density-race:hover .project-wrapper {
  background: #E91E63;
}
.project-the-pixel-density-race.project-opening .project-wrapper,
.project-the-pixel-density-race.project-open .project-wrapper {
  background: #E91E63;
}
.project-the-pixel-density-race .parent-page-wrapper > p:first-child:first-letter {
  color: #E91E63;
}
.project-responsive-design-the-beginning-of-a-new-era .project-wrapper {
  background: #1e2023;
}
.project-responsive-design-the-beginning-of-a-new-era .project-wrapper .meta-info {
  background: #828b9a;
}
.project-responsive-design-the-beginning-of-a-new-era h3 {
  color: #F44336;
}
.project-responsive-design-the-beginning-of-a-new-era a,
.project-responsive-design-the-beginning-of-a-new-era a:link {
  border-bottom-color: #F44336;
}
.project-responsive-design-the-beginning-of-a-new-era a:hover {
  border-bottom-color: #f77066;
}
.project-responsive-design-the-beginning-of-a-new-era a:active {
  border-bottom-color: #f8877f;
}
.project-responsive-design-the-beginning-of-a-new-era:hover .project-wrapper {
  background: #F44336;
}
.project-responsive-design-the-beginning-of-a-new-era.project-opening .project-wrapper,
.project-responsive-design-the-beginning-of-a-new-era.project-open .project-wrapper {
  background: #F44336;
}
.project-responsive-design-the-beginning-of-a-new-era .parent-page-wrapper > p:first-child:first-letter {
  color: #F44336;
}
.project-square .project-logo {
  height: 28%;
  margin-top: -13.5%;
}
.project-square.project-opening header,
.project-square.project-open header {
  background: none;
}
.project-square.project-opening .project-logo,
.project-square.project-open .project-logo {
  height: 110px;
  margin-top: -85px;
}
.project-square .secondary-logo {
  width: 300px;
  margin-top: -66px;
  margin-left: 38px;
  transform: translate(-168px);
}
.project-square.project-visible .project-logo {
  transform: translate(-168px);
}
.project-square .square-hero {
  max-width: 100%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
@media (max-width: 840px) {
  .project-square .content-group-hero .device-primary {
    flex-basis: 20%;
  }
  .project-square .content-group-hero .device-card {
    width: 46%;
  }
}
@media (max-width: 520px) {
  .project-square .content-group-hero .device-primary {
    margin: 16px auto;
    flex-basis: 40%;
  }
  .project-square .content-group-hero .device-card {
    width: 58%;
  }
}
.project-square .content-group-team h2 {
  margin-top: 0;
}
@media (max-width: 840px) {
  .project-square .content-group-team {
    margin-bottom: 40px;
  }
}
.project-square .content-group-team .team-members h3 {
  font-size: 18px;
}
.project-square .content-group-team .team-members h4 {
  font-size: 14px;
}
.project-square .content-group-duo {
  margin-bottom: 16px;
}
.project-square .content-group-influence {
  position: relative;
  margin-bottom: 0;
}
@media (max-width: 840px) {
  .project-square .content-group-influence {
    margin-bottom: 40px;
  }
}
.project-square .content-group-influence .image-stack-docs {
  max-width: 430px;
  height: 480px;
  margin: 0 auto;
}
.project-square .content-group-influence .image-stack-docs img:nth-child(1) {
  z-index: 500;
  top: 0px;
  left: 0px;
  width: 65%;
}
.project-square .content-group-influence .image-stack-docs img:nth-child(2) {
  z-index: 500;
  top: 3px;
  left: 3px;
  width: 65%;
  box-shadow: 0px 0px 5px rgba(59, 87, 91, 0.1);
}
.project-square .content-group-influence .image-stack-docs img:nth-child(3) {
  z-index: 500;
  top: 6px;
  left: 6px;
  width: 65%;
  box-shadow: 0px 0px 5px rgba(59, 87, 91, 0.1);
}
.project-square .content-group-influence .image-stack-docs img:nth-child(4) {
  z-index: 500;
  top: 9px;
  left: 9px;
  width: 65%;
  box-shadow: 0px 0px 5px rgba(59, 87, 91, 0.1);
}
.project-square .content-group-influence .image-stack-docs img:nth-child(5) {
  z-index: 500;
  top: 12px;
  left: 12px;
  width: 65%;
  box-shadow: 0px 0px 5px rgba(59, 87, 91, 0.1);
}
.project-square .content-group-influence .image-stack-docs img:nth-child(6) {
  z-index: 400;
  width: 25%;
  top: 0px;
  right: 0;
  box-shadow: none;
}
.project-square .content-group-influence .image-stack-docs img:nth-child(7) {
  z-index: 400;
  width: 27%;
  top: 265px;
  right: 0;
  box-shadow: none;
}
.project-square .content-group-influence .image-stack-docs img:nth-child(8) {
  z-index: 400;
  width: 15%;
  top: 145px;
  right: 5%;
  box-shadow: none;
}
.project-square .content-group-influence .image-stack-docs img:nth-child(9) {
  z-index: 400;
  width: 100%;
  top: 400px;
  left: 0;
  box-shadow: none;
}
.project-square .content-group-culture {
  margin-bottom: 0;
}
.project-square .content-group-culture .image-stack {
  height: 450px;
  margin-bottom: 80px;
}
@media (max-width: 840px) {
  .project-square .content-group-culture .image-stack {
    margin-top: 16px;
  }
}
@media (max-width: 520px) {
  .project-square .content-group-culture .image-stack {
    height: 400px;
  }
}
.project-square .content-group-culture .image-stack img {
  width: 60%;
  border-radius: 10px;
  box-shadow: 0px 0px 20px rgba(59, 87, 91, 0.4);
}
@media (max-width: 960px) {
  .project-square .content-group-culture .image-stack img {
    width: 70%;
  }
}
@media (max-width: 840px) {
  .project-square .content-group-culture .image-stack img {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .project-square .content-group-culture .image-stack img {
    width: 60%;
  }
}
.project-square .content-group-culture .image-stack img:nth-child(1) {
  top: 0;
  left: 40%;
}
.project-square .content-group-culture .image-stack img:nth-child(2) {
  top: 100px;
  left: 0;
}
.project-square .content-group-culture .image-stack img:nth-child(3) {
  top: 210px;
  left: 34%;
}
.project-square .icon-row-scope {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin: 80px 0 0;
  padding: 0;
}
.project-square .icon-row-scope li {
  flex: 1;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 840px) {
  .project-square .icon-row-scope li {
    flex-basis: 33.33%;
    width: 33.33%;
  }
  .project-square .icon-row-scope li:nth-child(4),
  .project-square .icon-row-scope li:nth-child(5),
  .project-square .icon-row-scope li:nth-child(6) {
    margin-top: 16px;
  }
}
.project-square .icon-row-scope li img {
  width: 74px;
  height: 74px;
  margin-bottom: 16px;
}
@media (max-width: 520px) {
  .project-square .icon-row-scope li img {
    width: 54px;
    height: 54px;
  }
}
.project-square .icon-row-scope li h4 {
  margin-top: 0;
}
.project-square .content-group-onboarding-flow {
  background: #454951;
  width: 100%;
  padding: 80px 16px;
  overflow: hidden;
}
@media (max-width: 520px) {
  .project-square .content-group-onboarding-flow {
    padding: 40px 16px;
  }
}
.project-square .content-group-onboarding-flow .content-text,
.project-square .content-group-onboarding-flow h1,
.project-square .content-group-onboarding-flow h2,
.project-square .content-group-onboarding-flow h3 {
  max-width: 840px;
  margin: 0 auto 80px;
  color: #fff;
}
@media (max-width: 520px) {
  .project-square .content-group-onboarding-flow .content-text,
  .project-square .content-group-onboarding-flow h1,
  .project-square .content-group-onboarding-flow h2,
  .project-square .content-group-onboarding-flow h3 {
    margin-bottom: 40px;
  }
}
.project-square .content-group-onboarding-flow h1,
.project-square .content-group-onboarding-flow .h1,
.project-square .content-group-onboarding-flow h2,
.project-square .content-group-onboarding-flow .h2,
.project-square .content-group-onboarding-flow h3,
.project-square .content-group-onboarding-flow .h3,
.project-square .content-group-onboarding-flow p {
  color: #fff;
  margin-bottom: 0;
}
.project-square .content-group-onboarding-flow .content-image img {
  max-width: 100%;
  margin: 0 auto;
}
.project-square .content-group-activation {
  margin-bottom: 16px;
}
.project-square .content-group-activation .content-image-stack {
  max-width: 60%;
}
.project-square .content-group-activation .content-image-stack .image-stack {
  width: 100%;
  max-width: 400px;
  height: 450px;
  margin: 80px auto;
}
.project-square .content-group-activation .content-image-stack .image-stack img {
  width: 65%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-square .content-group-activation .content-image-stack .image-stack img:nth-child(1) {
  left: 0;
}
.project-square .content-group-activation .content-image-stack .image-stack img:nth-child(2) {
  left: 80px;
}
.project-square .content-group-activation .content-image-stack .image-stack img:nth-child(3) {
  left: 160px;
}
@media (max-width: 520px) {
  .project-square .content-group-activation .content-image-stack .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-square .content-group-hardware {
  margin-bottom: 40px;
}
.project-square .content-group-hardware .content-image-stack {
  max-width: 100%;
}
.project-square .content-group-hardware .content-image-stack .image-stack {
  width: 100%;
  height: 330px;
  margin-bottom: 0px;
}
.project-square .content-group-hardware .content-image-stack .image-stack img {
  width: 100%;
  box-shadow: none;
}
.project-square .content-group-hardware .content-image-stack .image-stack img:nth-child(1) {
  top: -70px;
  left: 0;
}
@media (max-width: 520px) {
  .project-square .content-group-hardware .content-image-stack .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-square .content-group-square-card {
  background: #e5e5e5;
  padding-top: 80px;
  padding-bottom: 70px;
}
.project-square .content-group-square-card .content-wrapper {
  min-height: 0px;
}
.project-square .content-group-square-card .content-wrapper h2 {
  margin-top: 0;
}
.project-square .content-group-square-card .content-wrapper p {
  margin-bottom: 0;
}
.project-square .content-group-square-card .credit h5 {
  color: #5b616c;
}
.project-square .content-group-ux h3 {
  margin-top: 80px;
  margin-bottom: 0.2em;
}
.project-square .content-group-ux p {
  margin-bottom: 0;
}
.project-square .content-group-ux .project-credit {
  margin-top: 0;
  font-size: 16px;
  color: #828b9a;
}
.project-square .content-group-ux .content-group-grid {
  margin-top: 0;
}
.project-viewfinder-app .project-logo {
  height: 33.1%;
  margin-top: -13.7%;
}
.project-viewfinder-app.project-opening header,
.project-viewfinder-app.project-open header {
  background: none;
}
.project-viewfinder-app.project-opening .project-logo,
.project-viewfinder-app.project-open .project-logo {
  height: 120px;
  margin-top: -85px;
}
.project-viewfinder-app .secondary-logo {
  width: 520px;
  margin-top: -82px;
  margin-left: 38px;
  transform: translate(-278px);
}
.project-viewfinder-app.project-visible .project-logo {
  transform: translate(-278px);
}
.project-viewfinder-app .content-group-map {
  width: 100%;
  height: 600px;
  background-color: #83b9ca;
  background-image: url("../img/portfolio/viewfinder-app/map.png");
  background-position: right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.project-viewfinder-app .content-group-map:after {
  display: block;
  content: " ";
  position: absolute;
  z-index: 500;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  min-height: 400px;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
@media (max-width: 960px) {
  .project-viewfinder-app .content-group-map {
    height: 400px;
  }
}
@media (max-width: 840px) {
  .project-viewfinder-app .content-group-map:after {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4));
  }
}
@media (max-width: 520px) {
  .project-viewfinder-app .content-group-map {
    background-size: cover;
  }
}
.project-viewfinder-app .content-group-map .content-text {
  z-index: 600;
}
.project-viewfinder-app .content-group-map .content-text h1,
.project-viewfinder-app .content-group-map .content-text h2,
.project-viewfinder-app .content-group-map .content-text h3,
.project-viewfinder-app .content-group-map .content-text .h1,
.project-viewfinder-app .content-group-map .content-text .h2,
.project-viewfinder-app .content-group-map .content-text .h3,
.project-viewfinder-app .content-group-map .content-text p {
  text-shadow: none;
}
.project-viewfinder-app .image-stack-modules {
  max-width: 60%;
}
.project-viewfinder-app .image-stack-modules .image-stack {
  width: 100%;
  max-width: 400px;
  height: 200px;
}
.project-viewfinder-app .image-stack-modules .image-stack img {
  border-radius: 12px;
}
.project-viewfinder-app .image-stack-modules .image-stack img:nth-child(2) {
  top: 80px;
}
@media (max-width: 520px) {
  .project-viewfinder-app .image-stack-modules .image-stack img:nth-child(2) {
    top: 0px;
  }
}
@media (max-width: 520px) {
  .project-viewfinder-app .image-stack-modules .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-viewfinder-app .image-stack-tips {
  max-width: 60%;
}
.project-viewfinder-app .image-stack-tips .image-stack {
  width: 100%;
  max-width: 400px;
  height: 300px;
}
.project-viewfinder-app .image-stack-tips .image-stack img {
  border-radius: 12px;
}
.project-viewfinder-app .image-stack-tips .image-stack img:nth-child(1) {
  top: -60px;
  left: -40px;
}
.project-viewfinder-app .image-stack-tips .image-stack img:nth-child(2) {
  top: 0px;
  left: 20px;
}
.project-viewfinder-app .image-stack-tips .image-stack img:nth-child(3) {
  top: 60px;
  left: -20px;
}
.project-viewfinder-app .image-stack-tips .image-stack img:nth-child(4) {
  top: 120px;
  left: 40px;
}
.project-viewfinder-app .image-stack-tips .image-stack img:nth-child(5) {
  top: 180px;
  left: 0px;
}
@media (max-width: 520px) {
  .project-viewfinder-app .image-stack-tips .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-viewfinder-app .photo-inspiration {
  overflow: hidden;
  background-color: #1e2023;
  color: #fff;
  padding: 80px 0;
}
.project-viewfinder-app .photo-inspiration .content-text-wrapper {
  padding: 0 16px;
}
@media (max-width: 520px) {
  .project-viewfinder-app .photo-inspiration {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .project-viewfinder-app .photo-inspiration img {
    margin-bottom: 16px;
  }
}
.project-viewfinder-app .photo-inspiration h1,
.project-viewfinder-app .photo-inspiration h2,
.project-viewfinder-app .photo-inspiration h3,
.project-viewfinder-app .photo-inspiration .h1,
.project-viewfinder-app .photo-inspiration .h2,
.project-viewfinder-app .photo-inspiration .h3 {
  margin-top: 0;
  color: #fff;
}
.project-viewfinder-app .photo-inspiration p {
  margin-bottom: 80px;
  color: #fff;
}
.project-viewfinder-app .photo-inspiration .image-roll-marquee {
  margin-bottom: 16px;
}
.project-viewfinder-app .content-group-marketing .content-text {
  margin-bottom: 40px;
}
.project-viewfinder-app .content-group-marketing p {
  margin-bottom: 0;
}
.project-viewfinder-app .content-group-marketing .content-group-screenshots {
  margin-top: 0;
  margin-bottom: 0;
}
.project-viewfinder-app .content-group-flow .content-text {
  margin-bottom: 40px;
}
.project-viewfinder-app .content-group-flow p {
  margin-bottom: 0;
}
.project-viewfinder-app .content-group-flow .content-group-screens {
  margin: 0 auto;
}
.project-teespring .content-group-hero {
  margin-top: -20px;
}
.project-teespring .project-logo {
  height: 28%;
  margin-top: -7%;
}
.project-teespring.project-opening header,
.project-teespring.project-open header {
  background: none;
}
.project-teespring.project-opening .project-logo,
.project-teespring.project-open .project-logo {
  height: 130px;
  margin-top: -95px;
}
.project-teespring .breakdown-text-1 {
  margin-top: 0px;
}
.project-teespring .breakdown-text-1:before {
  top: 104px;
}
.project-teespring .breakdown-text-2 {
  margin-top: 90px;
}
.project-teespring .breakdown-text-2:before {
  top: 104px;
}
.project-teespring .breakdown-text-3 {
  margin-top: 192px;
}
.project-teespring .breakdown-text-3:before {
  top: 80px;
}
.project-teespring .breakdown-text-4 {
  margin-top: 340px;
}
.project-teespring .breakdown-text-4:before {
  top: 86px;
}
.project-teespring .content-group-screenshots {
  margin-top: 80px;
  margin-bottom: 0;
}
.project-teespring .content-group-screenshots img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-bulan .project-logo {
  height: 32%;
  margin-top: -16%;
}
.project-bulan.project-opening header,
.project-bulan.project-open header {
  background: none;
}
.project-bulan.project-opening .project-wrapper,
.project-bulan.project-open .project-wrapper {
  background-position: right top;
}
.project-bulan.project-opening .project-logo,
.project-bulan.project-open .project-logo {
  height: 150px;
  margin-top: -125px;
}
.project-bulan .secondary-logo {
  width: 360px;
  margin-top: -60px;
  margin-left: 0px;
  transform: translate(-181px);
}
.project-bulan.project-visible .project-logo {
  transform: translate(-181px);
}
.project-bulan .content-group-hero img {
  max-width: 740px;
  margin: 0 auto;
}
.project-bulan .breakdown-text-1 {
  margin-top: 65px;
}
.project-bulan .breakdown-text-2 {
  margin-top: 40px;
}
.project-bulan .bulan-model-jumping .content-text-wrapper {
  margin-left: 0;
}
.project-bulan .bulan-model-jumping img {
  position: relative;
  right: -120px;
}
@media (max-width: 520px) {
  .project-bulan .bulan-model-jumping img {
    right: -70px;
  }
}
.project-disqus-embed .project-logo {
  height: 16%;
  margin-top: -4%;
}
.project-disqus-embed.project-opening header,
.project-disqus-embed.project-open header {
  background: none;
}
.project-disqus-embed.project-opening .project-wrapper,
.project-disqus-embed.project-open .project-wrapper {
  background-position: center top;
}
.project-disqus-embed.project-opening .project-logo,
.project-disqus-embed.project-open .project-logo {
  height: 78px;
  margin-top: -69px;
}
.project-disqus-embed .disqus-embed {
  width: 100%;
  max-width: 510px;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-disqus-embed .content-group-hero {
  position: relative;
  z-index: 4000;
}
.project-disqus-embed .content-group-hero img {
  position: relative;
  z-index: 4000;
}
.project-disqus-embed .content-group-storyboard {
  position: relative;
  z-index: 3000;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .project-disqus-embed .content-group-storyboard {
    margin-top: -106px;
  }
}
.project-disqus-embed .content-group-storyboard .content-image {
  flex: 1.5;
}
.project-disqus-embed .content-group-disqus-wireframes {
  background: #008cff;
  width: 100%;
  padding: 80px 16px;
  overflow: hidden;
}
@media (max-width: 520px) {
  .project-disqus-embed .content-group-disqus-wireframes {
    padding: 40px 16px;
  }
}
.project-disqus-embed .content-group-disqus-wireframes .content-text,
.project-disqus-embed .content-group-disqus-wireframes h1,
.project-disqus-embed .content-group-disqus-wireframes h2,
.project-disqus-embed .content-group-disqus-wireframes h3 {
  max-width: 840px;
  margin: 0 auto 80px;
  color: #fff;
}
@media (max-width: 520px) {
  .project-disqus-embed .content-group-disqus-wireframes .content-text,
  .project-disqus-embed .content-group-disqus-wireframes h1,
  .project-disqus-embed .content-group-disqus-wireframes h2,
  .project-disqus-embed .content-group-disqus-wireframes h3 {
    margin-bottom: 40px;
  }
}
.project-disqus-embed .content-group-disqus-wireframes h1,
.project-disqus-embed .content-group-disqus-wireframes .h1,
.project-disqus-embed .content-group-disqus-wireframes h2,
.project-disqus-embed .content-group-disqus-wireframes .h2,
.project-disqus-embed .content-group-disqus-wireframes h3,
.project-disqus-embed .content-group-disqus-wireframes .h3,
.project-disqus-embed .content-group-disqus-wireframes p {
  color: #fff;
  margin-bottom: 0;
}
.project-disqus-embed .content-group-disqus-wireframes .content-image img {
  max-width: 100%;
  margin: 0 auto;
}
.project-everdwell .project-logo {
  height: 22%;
  margin-top: -11.15%;
}
.project-everdwell.project-opening header,
.project-everdwell.project-open header {
  background: none;
}
.project-everdwell.project-opening .project-logo,
.project-everdwell.project-open .project-logo {
  height: 50px;
  margin-top: -95px;
}
.project-everdwell .secondary-logo {
  width: 482px;
  margin-top: -54px;
  margin-left: 22px;
  transform: translate(-252px);
}
.project-everdwell.project-visible .project-logo {
  transform: translate(-252px, -20px);
}
.project-everdwell .everdwell-hero {
  max-width: 100%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-everdwell .image-stack {
  max-width: 430px;
  height: 240px;
  margin: 120px auto;
}
.project-everdwell .image-stack img:nth-child(1) {
  top: -40px;
  left: -40px;
}
.project-everdwell .image-stack img:nth-child(2) {
  top: 0px;
  left: 0px;
}
.project-everdwell .image-stack img:nth-child(3) {
  top: 40px;
  left: 40px;
}
@media (max-width: 840px) {
  .project-everdwell .image-stack {
    margin: 80px auto;
  }
}
@media (max-width: 520px) {
  .project-everdwell .image-stack {
    margin: 16px auto;
    transform: scale(0.8);
  }
}
.project-everdwell .breakdown-text-1 {
  margin-top: 40px;
}
.project-everdwell .breakdown-text-2 {
  margin-top: 10px;
}
.project-everdwell .breakdown-text-3 {
  margin-top: 120px;
}
.project-everdwell .breakdown-text-4 {
  margin-top: 65px;
}
.project-everdwell .breakdown-text-5 {
  margin-top: 145px;
}
.project-celebration-cruises .project-logo {
  height: 35%;
  margin-top: -15%;
}
.project-celebration-cruises.project-opening header,
.project-celebration-cruises.project-open header {
  background: none;
}
.project-celebration-cruises.project-opening .project-logo,
.project-celebration-cruises.project-open .project-logo {
  height: 180px;
  margin-top: -90px;
}
.project-dolody .project-logo {
  height: 32%;
  margin-top: -15.1%;
}
.project-dolody.project-opening header,
.project-dolody.project-open header {
  background: none;
}
.project-dolody.project-opening .project-wrapper,
.project-dolody.project-open .project-wrapper {
  background-position: right bottom;
}
.project-dolody.project-opening .project-logo,
.project-dolody.project-open .project-logo {
  height: 220px;
  margin-top: -150px;
}
.project-dolody .secondary-logo {
  height: 220px;
  margin-top: -150px;
  transform: translate(-286px);
  transition-duration: 0s !important;
}
.project-dolody.project-visible .project-logo {
  opacity: 0;
  transition-delay: 0.9s !important;
}
.project-dolody.project-closing .project-logo {
  opacity: 0;
  transition-delay: 0.2s !important;
}
.project-dolody .content-group-intro .fanned-image:nth-child(1) {
  left: 8%;
}
.project-dolody .content-group-intro .fanned-image:nth-child(2) {
  left: 8%;
}
.project-dolody .image-stack-modular {
  width: 40%;
  height: 520px;
  margin-top: 40px;
}
@media (max-width: 840px) {
  .project-dolody .image-stack-modular {
    margin-bottom: 80px;
  }
}
.project-dolody .image-stack-modular img {
  width: auto;
  height: 300px;
}
.project-dolody .image-stack-modular img:nth-child(1) {
  top: -65px;
  left: -75px;
  z-index: 300;
}
.project-dolody .image-stack-modular img:nth-child(2) {
  top: 110px;
  left: 0px;
  z-index: 200;
}
.project-dolody .image-stack-modular img:nth-child(3) {
  top: -150px;
  left: 150px;
  z-index: 400;
}
.project-dolody .image-stack-explorations {
  width: 40%;
  height: 710px;
}
@media (max-width: 840px) {
  .project-dolody .image-stack-explorations {
    margin-bottom: 80px;
  }
}
.project-dolody .image-stack-explorations img {
  width: auto;
  width: 460px;
}
.project-dolody .content-group-grid-final img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-instacart .project-logo {
  height: 18%;
  margin-top: -4.2%;
}
.project-instacart.project-opening .project-logo,
.project-instacart.project-open .project-logo {
  height: 80px;
  margin-top: -70px;
}
.project-instacart .fanned-image img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-instacart .fanned-image:nth-child(1) {
  width: 70%;
}
.project-instacart .fanned-image:nth-child(2) {
  width: 60%;
  top: 8%;
}
.project-instacart .fanned-image:nth-child(3) {
  width: 60%;
  top: 8%;
}
.project-instacart .image-stack {
  width: 40%;
  height: 240px;
}
@media (max-width: 840px) {
  .project-instacart .image-stack {
    margin-bottom: 80px;
  }
}
.project-instacart .image-stack img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-instacart .image-stack img:nth-child(1) {
  top: -75px;
  left: -75px;
}
.project-instacart .image-stack img:nth-child(2) {
  top: 0px;
  left: 0px;
}
.project-instacart .image-stack img:nth-child(3) {
  top: 75px;
  left: 75px;
}
.project-instacart .breakdown-text-1 {
  margin-top: 0px;
}
.project-instacart .breakdown-text-2 {
  margin-top: 10px;
}
.project-instacart .breakdown-text-3 {
  margin-top: 120px;
}
.project-instacart .breakdown-text-4 {
  margin-top: 110px;
}
.project-disqus-dashboard .project-logo {
  height: 32%;
  margin-top: -15.7%;
}
.project-disqus-dashboard.project-opening .project-logo,
.project-disqus-dashboard.project-open .project-logo {
  height: 160px;
  margin-top: -110px;
}
.project-disqus-dashboard .secondary-logo {
  width: 360px;
  margin-top: -63px;
  margin-left: 40px;
  transform: translate(-201px);
}
.project-disqus-dashboard.project-visible .project-logo {
  transform: translate(-201px);
}
.project-disqus-dashboard .content-image-fan .fanned-image:nth-child(1) {
  width: 50%;
}
.project-disqus-dashboard .content-image-fan .fanned-image:nth-child(2) {
  top: 13.5%;
}
.project-disqus-dashboard .content-image-fan .fanned-image:nth-child(3) {
  top: 13.5%;
}
.project-disqus-dashboard .original-dashboard {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.2);
}
.project-disqus-dashboard .image-stack-onboarding .image-stack {
  height: 78px;
}
.project-disqus-dashboard .image-stack-onboarding img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-disqus-dashboard .image-stack-onboarding img:nth-child(1) {
  top: -120px;
  left: 0px;
}
.project-disqus-dashboard .image-stack-onboarding img:nth-child(2) {
  top: 0px;
  left: 0px;
}
.project-disqus-dashboard .image-stack-onboarding img:nth-child(3) {
  top: 120px;
  left: 0px;
}
@media (max-width: 520px) {
  .project-disqus-dashboard .image-stack-onboarding img:nth-child(1) {
    top: -120px;
    left: 0px;
  }
  .project-disqus-dashboard .image-stack-onboarding img:nth-child(2) {
    top: -40px;
    left: 0px;
  }
  .project-disqus-dashboard .image-stack-onboarding img:nth-child(3) {
    top: 40px;
    left: 0px;
  }
}
@media (max-width: 840px) {
  .project-disqus-dashboard .image-stack-onboarding {
    margin-top: 40px;
  }
}
@media (max-width: 520px) {
  .project-disqus-dashboard .image-stack-onboarding {
    margin-bottom: 40px;
  }
}
.project-disqus-dashboard .content-group-final img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.2);
}
.project-vida-mobile .project-logo {
  height: 32%;
  margin-top: -16%;
}
.project-vida-mobile.project-opening header,
.project-vida-mobile.project-open header {
  background: none;
}
.project-vida-mobile.project-opening .project-wrapper,
.project-vida-mobile.project-open .project-wrapper {
  background-position: center top;
}
.project-vida-mobile.project-opening .project-logo,
.project-vida-mobile.project-open .project-logo {
  height: 170px;
  margin-top: -85px;
}
.project-vida-mobile .secondary-logo {
  width: 200px;
  margin-top: -38px;
  transform: translate(-176px);
}
.project-vida-mobile.project-visible .project-logo {
  transform: translate(43px, -94px) scale(0.7);
}
.project-vida-mobile .image-stack-onboarding {
  max-width: 60%;
}
.project-vida-mobile .image-stack-onboarding .image-stack {
  width: 100%;
  max-width: 400px;
  height: 450px;
}
.project-vida-mobile .image-stack-onboarding .image-stack img {
  width: 65%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-vida-mobile .image-stack-onboarding .image-stack img:nth-child(1) {
  left: 0;
}
.project-vida-mobile .image-stack-onboarding .image-stack img:nth-child(2) {
  left: 80px;
}
.project-vida-mobile .image-stack-onboarding .image-stack img:nth-child(3) {
  left: 160px;
}
@media (max-width: 520px) {
  .project-vida-mobile .image-stack-onboarding .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-vida-mobile .breakdown-text-1 {
  margin-top: 18px;
}
.project-vida-mobile .breakdown-text-2 {
  margin-top: 0px;
}
.project-vida-mobile .breakdown-text-3 {
  margin-top: 45px;
}
.project-vida-mobile .breakdown-text-4 {
  margin-top: 185px;
}
.project-vida-mobile .breakdown-text-5 {
  margin-top: 175px;
}
.project-bento .project-logo {
  height: 28%;
  margin-top: -6.9%;
}
.project-bento.project-opening header,
.project-bento.project-open header {
  background: none;
}
.project-bento.project-opening .project-wrapper,
.project-bento.project-open .project-wrapper {
  background-position: center top;
}
.project-bento.project-opening .project-logo,
.project-bento.project-open .project-logo {
  height: 120px;
  margin-top: -90px;
}
.project-bento .image-stack-selection {
  max-width: 60%;
}
.project-bento .image-stack-selection .image-stack {
  width: 100%;
  max-width: 300px;
  height: 500px;
}
@media (max-width: 520px) {
  .project-bento .image-stack-selection .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
@media (max-width: 520px) {
  .project-bento .content-group-textoverlay .content-text {
    position: initial;
    top: auto;
    left: auto;
    right: auto;
    padding-bottom: 40px;
  }
  .project-bento .content-group-textoverlay .content-text h1,
  .project-bento .content-group-textoverlay .content-text .h1,
  .project-bento .content-group-textoverlay .content-text h2,
  .project-bento .content-group-textoverlay .content-text .h2 {
    color: #383c43;
    text-shadow: none;
  }
  .project-bento .content-group-textoverlay .content-text p {
    color: #1e2023;
    text-shadow: none;
  }
}
.project-bento .breakdown-text-2 {
  margin-top: 40px;
}
.project-bento .breakdown-text-3 {
  margin-top: 40px;
}
.project-bento .breakdown-text-4 {
  margin-top: 190px;
}
.project-bento .breakdown-text-5 {
  margin-top: 220px;
}
.project-webdesigner-depot .project-logo {
  height: 30%;
  margin-top: -15%;
}
.project-webdesigner-depot.project-opening header,
.project-webdesigner-depot.project-open header {
  background: none;
}
.project-webdesigner-depot.project-opening .project-wrapper,
.project-webdesigner-depot.project-open .project-wrapper {
  background-position: center top;
}
.project-webdesigner-depot.project-opening .project-logo,
.project-webdesigner-depot.project-open .project-logo {
  height: 150px;
  margin-top: -120px;
}
.project-webdesigner-depot .secondary-logo {
  width: 560px;
  margin-top: -60px;
  margin-left: 40px;
  transform: translate(-300px);
}
.project-webdesigner-depot.project-visible .project-logo {
  transform: translate(-300px);
}
.project-webdesigner-depot .webdesigner-depot-hero {
  max-width: 60%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.2);
}
.project-webdesigner-depot .image-stack {
  width: 70%;
  height: 250px;
}
@media (max-width: 520px) {
  .project-webdesigner-depot .image-stack {
    height: 300px;
  }
}
.project-webdesigner-depot .image-stack img:nth-child(1) {
  top: -50px;
  left: -50px;
}
.project-webdesigner-depot .image-stack img:nth-child(2) {
  top: -25px;
  left: -25px;
}
.project-webdesigner-depot .image-stack img:nth-child(3) {
  top: 0px;
  left: 0px;
}
.project-webdesigner-depot .image-stack img:nth-child(4) {
  top: 25px;
  left: 25px;
}
.project-webdesigner-depot .image-stack img:nth-child(5) {
  top: 50px;
  left: 50px;
}
.project-webdesigner-depot .rethinking-editorial {
  background-color: #1e2023;
  color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 520px) {
  .project-webdesigner-depot .rethinking-editorial {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .project-webdesigner-depot .rethinking-editorial img {
    margin-bottom: 16px;
  }
}
.project-webdesigner-depot .rethinking-editorial h1,
.project-webdesigner-depot .rethinking-editorial h2,
.project-webdesigner-depot .rethinking-editorial h3,
.project-webdesigner-depot .rethinking-editorial .h1,
.project-webdesigner-depot .rethinking-editorial .h2,
.project-webdesigner-depot .rethinking-editorial .h3 {
  color: #fff;
}
.project-webdesigner-depot .rethinking-editorial p {
  margin-bottom: 80px;
  color: #fff;
}
.project-webdesigner-depot .webdesigner-depot-wireframe {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.2);
}
.project-webdesigner-depot .breakdown-text-1 {
  margin-top: 40px;
}
.project-webdesigner-depot .breakdown-text-2 {
  margin-top: 60px;
}
.project-webdesigner-depot .breakdown-text-3 {
  margin-top: 120px;
}
.project-marker-app .project-logo {
  height: 28%;
  margin-top: -8%;
}
.project-marker-app.project-opening header,
.project-marker-app.project-open header {
  background: none;
}
.project-marker-app.project-opening .project-wrapper,
.project-marker-app.project-open .project-wrapper {
  background-position: center top;
}
.project-marker-app.project-opening .project-logo,
.project-marker-app.project-open .project-logo {
  height: 78px;
  margin-top: -69px;
}
.project-marker-app .marker-devices {
  max-width: 40%;
}
.project-marker-app .marker-2x {
  max-width: 80%;
}
.project-marker-app .breakdown-text-1 {
  margin-top: 40px;
}
.project-marker-app .breakdown-text-2 {
  margin-top: 60px;
}
.project-marker-app .breakdown-text-3 {
  margin-top: 80px;
}
.project-bff .project-logo {
  height: 36%;
  margin-top: -11%;
}
.project-bff.project-opening header,
.project-bff.project-open header {
  background: none;
}
.project-bff.project-opening .project-logo,
.project-bff.project-open .project-logo {
  height: 160px;
  margin-top: -130px;
  margin-right: -18px;
}
.project-bff .image-stack-onboarding {
  max-width: 60%;
}
.project-bff .image-stack-onboarding .image-stack {
  width: 100%;
  max-width: 300px;
  height: 500px;
}
@media (max-width: 520px) {
  .project-bff .image-stack-onboarding .image-stack {
    margin: 40px 0 -40px;
    transform: scale(0.8);
  }
}
.project-bff .bff-video {
  width: 60%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
.project-bff .image-stack-profiles {
  max-width: 100%;
}
.project-bff .image-stack-profiles .image-stack {
  width: 100%;
  max-width: 300px;
  height: 380px;
  margin-left: 0;
}
@media (max-width: 520px) {
  .project-bff .image-stack-profiles .image-stack {
    margin: 16px 0;
    transform: scale(0.8);
  }
}
.project-bff .image-stack-profiles .image-stack img {
  width: 75%;
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
  border-radius: 15px;
}
.project-bff .image-stack-profiles .image-stack img:nth-child(1) {
  top: 0px;
  left: 0px;
  transform: scale(0.8);
}
.project-bff .image-stack-profiles .image-stack img:nth-child(2) {
  top: 0px;
  left: 100px;
  transform: scale(1);
}
.project-bff .image-stack-profiles .image-stack img:nth-child(3) {
  top: 0px;
  left: 240px;
  transform: scale(1.2);
}
@media (max-width: 520px) {
  .project-bff .image-stack-profiles .image-stack img:nth-child(1) {
    top: 0px;
    left: -100px;
    transform: scale(0.7);
  }
  .project-bff .image-stack-profiles .image-stack img:nth-child(2) {
    top: 0px;
    left: 0px;
    transform: scale(0.9);
  }
  .project-bff .image-stack-profiles .image-stack img:nth-child(3) {
    top: 0px;
    left: 130px;
    transform: scale(1.1);
  }
}
.project-bff .designing-widgets {
  overflow: hidden;
  background-color: #1e2023;
  color: #fff;
  padding: 80px 0;
}
.project-bff .designing-widgets .content-text-wrapper {
  padding: 0 16px;
}
@media (max-width: 520px) {
  .project-bff .designing-widgets {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .project-bff .designing-widgets img {
    margin-bottom: 16px;
  }
}
.project-bff .designing-widgets h1,
.project-bff .designing-widgets h2,
.project-bff .designing-widgets h3,
.project-bff .designing-widgets .h1,
.project-bff .designing-widgets .h2,
.project-bff .designing-widgets .h3 {
  color: #fff;
}
.project-bff .designing-widgets h2 {
  margin-top: 0;
}
.project-bff .designing-widgets p {
  margin-bottom: 60px;
  color: #fff;
}
.project-bff .breakdown-text-1 {
  margin-top: 0px;
}
.project-bff .breakdown-text-1:before {
  top: 104px;
}
.project-bff .breakdown-text-2 {
  margin-top: 250px;
}
.project-bff .breakdown-text-2:before {
  top: 104px;
}
.project-bff .breakdown-text-3 {
  margin-top: 22px;
}
.project-bff .breakdown-text-3:before {
  top: 80px;
}
.project-bff .content-group-dashboard .content-image {
  margin-top: 40px;
}
.project-bff .content-group-dashboard .content-image img {
  box-shadow: 0px 0px 40px rgba(59, 87, 91, 0.3);
}
#photography .photo-1 header {
  background-image: url("http://sortino.co/assets/img/photography/guilin-rice-terraces.jpg");
}
#photography .photo-2 header {
  background-image: url("http://sortino.co/assets/img/photography/mojave-cave-lights.jpg");
}
#photography .photo-3 header {
  background-image: url("http://sortino.co/assets/img/photography/china-zhangjiaji-sunset-walls.jpg");
}
#photography .photo-4 header {
  background-image: url("http://sortino.co/assets/img/photography/foggy-sunset-mt-tam.jpg");
}
#photography .photo-5 header {
  background-image: url("http://sortino.co/assets/img/photography/slot-canyon-swirls.jpg");
}
#photography .photo-6 header {
  background-image: url("http://sortino.co/assets/img/photography/centered-san-francisco.jpg");
}
#photography .photo-7 header {
  background-image: url("http://sortino.co/assets/img/photography/san-francisco-ferry-building.jpg");
}
#photography .photo-8 header {
  background-image: url("http://sortino.co/assets/img/photography/running-to-the-sun-sutro-tower.jpg");
}
#photography .photo-9 header {
  background-image: url("http://sortino.co/assets/img/photography/big-sur-pfiffer-cave-light.jpg");
}
#photography .photo-10 header {
  background-image: url("http://sortino.co/assets/img/photography/sunset-hills.jpg");
}
#photography .photo-11 header {
  background-image: url("http://sortino.co/assets/img/photography/golden-gate-emergence.jpg");
}
#photography .photo-12 header {
  background-image: url("http://sortino.co/assets/img/photography/canyonlands-sunrise.jpg");
}
#photography .photo-13 header {
  background-image: url("http://sortino.co/assets/img/photography/iconic-living.jpg");
}
#photography .photo-14 header {
  background-image: url("http://sortino.co/assets/img/photography/icelandic-trek.jpg");
}
/*# sourceMappingURL=styles.css.map */