html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: border-box; }

::selection {
  background: #FFD519;
  color: #101010; }

body {
  background-color: #F8F8F8;
  font-family: "Rokkitt", "Roboto Slab", serif;
  color: #101010;
  font-size: 14pt;
  font-weight: 300;
  margin: 0; }

p {
  line-height: 21pt;
  margin: 0; }
  p:not(:first-child) {
    margin-top: 16px; }

h1 {
  font-weight: 500;
  font-size: 30pt;
  text-transform: uppercase;
  margin-bottom: 24px;
  margin-top: 0; }

h2 {
  font-weight: 300;
  font-size: 18pt;
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-top: 0px; }

a {
  text-decoration: none;
  color: #00A1E8; }

img {
  width: 100%; }

ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

figure {
  border: solid 2px #00A1E8;
  margin: 10px;
  margin-left: 0; }

pre {
  font-size: 14px; }

code:focus {
  outline: none; }

figcaption {
  margin: .7em 1em;
  background-color: #00A1E8;
  padding: .2em .5em;
  color: #F8F8F8; }

.grid {
  overflow: hidden; }

.row:after {
  clear: both;
  content: '';
  display: table; }
.row.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
.row.gutters {
  margin-top: -10px;
  margin-left: -5px;
  margin-right: -5px; }

[class*='col-'] {
  float: left; }
  .flex > [class*='col-'] {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto; }
  .gutters > [class*='col-'] {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px; }

@media (min-width: 0) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: initial;
    padding-left: 5px;
    padding-right: 5px; }

  .col-xs-seventh {
    width: 14.2857%; }

  .col-xs-1fifth {
    width: 20%; }

  .col-xs-2fifth {
    width: 40%; }

  .col-xs-3fifth {
    width: 60%; }

  .col-xs-4fifth {
    width: 80%; }

  .col-xs-main {
    width: calc(100% - 200px); }

  .col-xs-side {
    width: 200px; }

  .offset-xs-1 {
    margin-left: 8.3333333333%; }

  .col-xs-1 {
    width: 8.3333333333%; }

  .offset-xs-2 {
    margin-left: 16.6666666667%; }

  .col-xs-2 {
    width: 16.6666666667%; }

  .offset-xs-3 {
    margin-left: 25%; }

  .col-xs-3 {
    width: 25%; }

  .offset-xs-4 {
    margin-left: 33.3333333333%; }

  .col-xs-4 {
    width: 33.3333333333%; }

  .offset-xs-5 {
    margin-left: 41.6666666667%; }

  .col-xs-5 {
    width: 41.6666666667%; }

  .offset-xs-6 {
    margin-left: 50%; }

  .col-xs-6 {
    width: 50%; }

  .offset-xs-7 {
    margin-left: 58.3333333333%; }

  .col-xs-7 {
    width: 58.3333333333%; }

  .offset-xs-8 {
    margin-left: 66.6666666667%; }

  .col-xs-8 {
    width: 66.6666666667%; }

  .offset-xs-9 {
    margin-left: 75%; }

  .col-xs-9 {
    width: 75%; }

  .offset-xs-10 {
    margin-left: 83.3333333333%; }

  .col-xs-10 {
    width: 83.3333333333%; }

  .offset-xs-11 {
    margin-left: 91.6666666667%; }

  .col-xs-11 {
    width: 91.6666666667%; }

  .offset-xs-12 {
    margin-left: 100%; }

  .col-xs-12 {
    width: 100%; }

  .flex-order-xs-1 {
    order: 1; }

  .flex-order-xs-2 {
    order: 2; }

  .flex-order-xs-3 {
    order: 3; }

  .flex-order-xs-4 {
    order: 4; }

  .flex-order-xs-5 {
    order: 5; }

  .flex-order-xs-6 {
    order: 6; }

  .flex-order-xs-7 {
    order: 7; }

  .flex-order-xs-8 {
    order: 8; }

  .flex-order-xs-9 {
    order: 9; }

  .flex-order-xs-10 {
    order: 10; }

  .flex-order-xs-11 {
    order: 11; }

  .flex-order-xs-12 {
    order: 12; } }
@media (min-width: 480px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: initial;
    padding-left: 5px;
    padding-right: 5px; }

  .col-sm-seventh {
    width: 14.2857%; }

  .col-sm-1fifth {
    width: 20%; }

  .col-sm-2fifth {
    width: 40%; }

  .col-sm-3fifth {
    width: 60%; }

  .col-sm-4fifth {
    width: 80%; }

  .col-sm-main {
    width: calc(100% - 200px); }

  .col-sm-side {
    width: 200px; }

  .offset-sm-1 {
    margin-left: 8.3333333333%; }

  .col-sm-1 {
    width: 8.3333333333%; }

  .offset-sm-2 {
    margin-left: 16.6666666667%; }

  .col-sm-2 {
    width: 16.6666666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .col-sm-3 {
    width: 25%; }

  .offset-sm-4 {
    margin-left: 33.3333333333%; }

  .col-sm-4 {
    width: 33.3333333333%; }

  .offset-sm-5 {
    margin-left: 41.6666666667%; }

  .col-sm-5 {
    width: 41.6666666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .col-sm-6 {
    width: 50%; }

  .offset-sm-7 {
    margin-left: 58.3333333333%; }

  .col-sm-7 {
    width: 58.3333333333%; }

  .offset-sm-8 {
    margin-left: 66.6666666667%; }

  .col-sm-8 {
    width: 66.6666666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .col-sm-9 {
    width: 75%; }

  .offset-sm-10 {
    margin-left: 83.3333333333%; }

  .col-sm-10 {
    width: 83.3333333333%; }

  .offset-sm-11 {
    margin-left: 91.6666666667%; }

  .col-sm-11 {
    width: 91.6666666667%; }

  .offset-sm-12 {
    margin-left: 100%; }

  .col-sm-12 {
    width: 100%; }

  .flex-order-sm-1 {
    order: 1; }

  .flex-order-sm-2 {
    order: 2; }

  .flex-order-sm-3 {
    order: 3; }

  .flex-order-sm-4 {
    order: 4; }

  .flex-order-sm-5 {
    order: 5; }

  .flex-order-sm-6 {
    order: 6; }

  .flex-order-sm-7 {
    order: 7; }

  .flex-order-sm-8 {
    order: 8; }

  .flex-order-sm-9 {
    order: 9; }

  .flex-order-sm-10 {
    order: 10; }

  .flex-order-sm-11 {
    order: 11; }

  .flex-order-sm-12 {
    order: 12; } }
@media (min-width: 640px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: initial;
    padding-left: 5px;
    padding-right: 5px; }

  .col-md-seventh {
    width: 14.2857%; }

  .col-md-1fifth {
    width: 20%; }

  .col-md-2fifth {
    width: 40%; }

  .col-md-3fifth {
    width: 60%; }

  .col-md-4fifth {
    width: 80%; }

  .col-md-main {
    width: calc(100% - 200px); }

  .col-md-side {
    width: 200px; }

  .offset-md-1 {
    margin-left: 8.3333333333%; }

  .col-md-1 {
    width: 8.3333333333%; }

  .offset-md-2 {
    margin-left: 16.6666666667%; }

  .col-md-2 {
    width: 16.6666666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .col-md-3 {
    width: 25%; }

  .offset-md-4 {
    margin-left: 33.3333333333%; }

  .col-md-4 {
    width: 33.3333333333%; }

  .offset-md-5 {
    margin-left: 41.6666666667%; }

  .col-md-5 {
    width: 41.6666666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .col-md-6 {
    width: 50%; }

  .offset-md-7 {
    margin-left: 58.3333333333%; }

  .col-md-7 {
    width: 58.3333333333%; }

  .offset-md-8 {
    margin-left: 66.6666666667%; }

  .col-md-8 {
    width: 66.6666666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .col-md-9 {
    width: 75%; }

  .offset-md-10 {
    margin-left: 83.3333333333%; }

  .col-md-10 {
    width: 83.3333333333%; }

  .offset-md-11 {
    margin-left: 91.6666666667%; }

  .col-md-11 {
    width: 91.6666666667%; }

  .offset-md-12 {
    margin-left: 100%; }

  .col-md-12 {
    width: 100%; }

  .flex-order-md-1 {
    order: 1; }

  .flex-order-md-2 {
    order: 2; }

  .flex-order-md-3 {
    order: 3; }

  .flex-order-md-4 {
    order: 4; }

  .flex-order-md-5 {
    order: 5; }

  .flex-order-md-6 {
    order: 6; }

  .flex-order-md-7 {
    order: 7; }

  .flex-order-md-8 {
    order: 8; }

  .flex-order-md-9 {
    order: 9; }

  .flex-order-md-10 {
    order: 10; }

  .flex-order-md-11 {
    order: 11; }

  .flex-order-md-12 {
    order: 12; } }
@media (min-width: 900px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: 890px; }

  .col-lg-seventh {
    width: 14.2857%; }

  .col-lg-1fifth {
    width: 20%; }

  .col-lg-2fifth {
    width: 40%; }

  .col-lg-3fifth {
    width: 60%; }

  .col-lg-4fifth {
    width: 80%; }

  .col-lg-main {
    width: calc(100% - 200px); }

  .col-lg-side {
    width: 200px; }

  .offset-lg-1 {
    margin-left: 8.3333333333%; }

  .col-lg-1 {
    width: 8.3333333333%; }

  .offset-lg-2 {
    margin-left: 16.6666666667%; }

  .col-lg-2 {
    width: 16.6666666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .col-lg-3 {
    width: 25%; }

  .offset-lg-4 {
    margin-left: 33.3333333333%; }

  .col-lg-4 {
    width: 33.3333333333%; }

  .offset-lg-5 {
    margin-left: 41.6666666667%; }

  .col-lg-5 {
    width: 41.6666666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .col-lg-6 {
    width: 50%; }

  .offset-lg-7 {
    margin-left: 58.3333333333%; }

  .col-lg-7 {
    width: 58.3333333333%; }

  .offset-lg-8 {
    margin-left: 66.6666666667%; }

  .col-lg-8 {
    width: 66.6666666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .col-lg-9 {
    width: 75%; }

  .offset-lg-10 {
    margin-left: 83.3333333333%; }

  .col-lg-10 {
    width: 83.3333333333%; }

  .offset-lg-11 {
    margin-left: 91.6666666667%; }

  .col-lg-11 {
    width: 91.6666666667%; }

  .offset-lg-12 {
    margin-left: 100%; }

  .col-lg-12 {
    width: 100%; }

  .flex-order-lg-1 {
    order: 1; }

  .flex-order-lg-2 {
    order: 2; }

  .flex-order-lg-3 {
    order: 3; }

  .flex-order-lg-4 {
    order: 4; }

  .flex-order-lg-5 {
    order: 5; }

  .flex-order-lg-6 {
    order: 6; }

  .flex-order-lg-7 {
    order: 7; }

  .flex-order-lg-8 {
    order: 8; }

  .flex-order-lg-9 {
    order: 9; }

  .flex-order-lg-10 {
    order: 10; }

  .flex-order-lg-11 {
    order: 11; }

  .flex-order-lg-12 {
    order: 12; } }
@media (min-width: 1200px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    width: 1190px; }

  .col-xl-seventh {
    width: 14.2857%; }

  .col-xl-1fifth {
    width: 20%; }

  .col-xl-2fifth {
    width: 40%; }

  .col-xl-3fifth {
    width: 60%; }

  .col-xl-4fifth {
    width: 80%; }

  .col-xl-main {
    width: calc(100% - 200px); }

  .col-xl-side {
    width: 200px; }

  .offset-xl-1 {
    margin-left: 8.3333333333%; }

  .col-xl-1 {
    width: 8.3333333333%; }

  .offset-xl-2 {
    margin-left: 16.6666666667%; }

  .col-xl-2 {
    width: 16.6666666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .col-xl-3 {
    width: 25%; }

  .offset-xl-4 {
    margin-left: 33.3333333333%; }

  .col-xl-4 {
    width: 33.3333333333%; }

  .offset-xl-5 {
    margin-left: 41.6666666667%; }

  .col-xl-5 {
    width: 41.6666666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .col-xl-6 {
    width: 50%; }

  .offset-xl-7 {
    margin-left: 58.3333333333%; }

  .col-xl-7 {
    width: 58.3333333333%; }

  .offset-xl-8 {
    margin-left: 66.6666666667%; }

  .col-xl-8 {
    width: 66.6666666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .col-xl-9 {
    width: 75%; }

  .offset-xl-10 {
    margin-left: 83.3333333333%; }

  .col-xl-10 {
    width: 83.3333333333%; }

  .offset-xl-11 {
    margin-left: 91.6666666667%; }

  .col-xl-11 {
    width: 91.6666666667%; }

  .offset-xl-12 {
    margin-left: 100%; }

  .col-xl-12 {
    width: 100%; }

  .flex-order-xl-1 {
    order: 1; }

  .flex-order-xl-2 {
    order: 2; }

  .flex-order-xl-3 {
    order: 3; }

  .flex-order-xl-4 {
    order: 4; }

  .flex-order-xl-5 {
    order: 5; }

  .flex-order-xl-6 {
    order: 6; }

  .flex-order-xl-7 {
    order: 7; }

  .flex-order-xl-8 {
    order: 8; }

  .flex-order-xl-9 {
    order: 9; }

  .flex-order-xl-10 {
    order: 10; }

  .flex-order-xl-11 {
    order: 11; }

  .flex-order-xl-12 {
    order: 12; } }
@media (min-width: 0) and (max-width: 479px) {
  .col-xs-0 {
    display: none; } }
@media (min-width: 480px) and (max-width: 639px) {
  .col-sm-0 {
    display: none; } }
@media (min-width: 640px) and (max-width: 899px) {
  .col-md-0 {
    display: none; } }
@media (min-width: 900px) and (max-width: 1199px) {
  .col-lg-0 {
    display: none; } }
@media (min-width: 1200px) {
  .col-xl-0 {
    display: none; } }
.flex-parent {
  display: flex; }

.flex-child {
  flex: 1 1 auto; }

.flex-none {
  flex: none; }

.clearfix:after {
  clear: both;
  content: '';
  display: table; }

.center {
  margin-left: auto;
  margin-right: auto; }

.phillip-parent, .full-menu, .full-menu-backdrop, .full-menu-contents, .lightbox-backdrop, .lightbox-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.pos-relative {
  position: relative; }

.pos-absolute {
  position: absolute; }

.left {
  float: left; }

.right {
  float: right; }

.flex-parent {
  display: flex; }

.flex-child {
  flex: 1 1 auto; }

.flex-child-center {
  align-self: center;
  flex-shrink: 1; }

.flex-none {
  flex: none; }

.noPadding {
  padding: 0; }

.p-relative {
  position: relative; }

.hero {
  content: "";
  display: block;
  background-color: #FFD519;
  background-image: url("images/hello.svg");
  background-attachment: fixed;
  height: 90vh;
  width: 100%;
  margin-top: -50px; }

@keyframes scroll-bounce {
  0%, 100% {
    top: 85vh; }
  50% {
    top: 82vh; } }
.scroll {
  position: absolute;
  top: 85vh;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  font-weight: 500; }
  .scroll.showBounce {
    -webkit-animation: scroll-bounce 1s infinite;
    -moz-animation: scroll-bounce 1s infinite;
    -o-animation: scroll-bounce 1s infinite;
    animation: scroll-bounce 1s infinite; }
  .scroll-line {
    background-color: #101010;
    content: '';
    height: 20px;
    width: 2px;
    margin-left: auto;
    margin-right: auto; }

.project-container {
  height: 100vh; }
.project-image {
  position: relative; }

.aboutImg {
  max-height: 450px !important; }
.about-container {
  height: calc(100vh - 50px); }

.st-card {
  width: 350px;
  border: 2px solid #101010;
  display: inline-block;
  padding: .8em 1.1em;
  margin-right: .5em;
  height: 100%; }
  .st-card-heading {
    font-size: 24px;
    font-weight: 700; }
  .st-card-desc {
    margin-top: .5em !important; }
  .st-card.additonal-card {
    border-color: #2a2a2a; }

#icons50 .project-gallery {
  justify-content: center; }

.numberCount {
  font-size: 150px;
  font-weight: 800;
  color: #00A1E8;
  opacity: .25;
  margin-top: -30px; }
  .numberCount + p {
    margin-top: -100px;
    padding-left: 20px; }

.ic-guidelines {
  margin-bottom: 20px; }

.br-bookmark {
  height: 70vh;
  background-size: contain !important; }

.ws-exampleVid {
  height: 880px;
  width: 100%; }
.ws-userTesting {
  height: 100%;
  width: 100%; }
.ws-table {
  width: 100%;
  border-collapse: collapse; }
  .ws-table th {
    font-weight: 700; }
    .ws-table th:nth-child(1) {
      text-align: left; }
    .ws-table th:nth-child(2) {
      color: #FF66D5; }
    .ws-table th:nth-child(3) {
      color: #09FFCF; }
  .ws-table th, .ws-table td {
    border: 1px solid transparent;
    border-bottom-color: #101010;
    padding: .4em .6em .2em; }
    .ws-table th:nth-child(1), .ws-table td:nth-child(1) {
      border-right: 1px solid #101010;
      padding-left: 0; }
    .ws-table th:nth-child(2), .ws-table td:nth-child(2) {
      border-left: 1px solid #101010;
      border-right: 1px solid #101010;
      border-collapse: collapse; }
    .ws-table th.ws-table-bottom, .ws-table td.ws-table-bottom {
      border-bottom: 0px solid #101010; }
  .ws-table-yes, .ws-table .ws-table-no {
    text-align: center; }

@media (max-width: 1199px) {
  .ws-exampleVid {
    height: 500px; } }
@media (max-width: 899px) {
  .ws-exampleVid {
    height: 400px; } }
@media (max-width: 639px) {
  .hero {
    height: 40vh;
    background-attachment: initial; }

  .scroll {
    top: 34vh;
    display: none; }
    .scroll.showBounce {
      -webkit-animation: scroll-bounce-small 1s infinite;
      -moz-animation: scroll-bounce-small 1s infinite;
      -o-animation: scroll-bounce-small 1s infinite;
      animation: scroll-bounce-small 1s infinite; }

  @keyframes scroll-bounce-small {
    0%, 100% {
      top: 34vh; }
    50% {
      top: 36vh; } }
  .project-container {
    height: initial;
    margin-top: 200px;
    margin-bottom: 200px; }

  .ws-exampleVid {
    height: 300px; }
  .ws-userTesting {
    height: 300px; }

  .ic-guidelines {
    margin-bottom: 100px; } }
.image1to1, .menu-links .menu-logo {
  position: relative;
  width: 100%; }
  .image1to1:before, .menu-links .menu-logo:before {
    content: '';
    display: block;
    padding-top: 100%; }
  .image1to1 > div, .menu-links .menu-logo > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.imageHalfto1, .lightbox-holder {
  position: relative;
  width: 100%; }
  .imageHalfto1:before, .lightbox-holder:before {
    content: '';
    display: block;
    padding-top: 50%; }
  .imageHalfto1 > div, .lightbox-holder > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.project, .project-image img, .about, .menu-links, .menu-links-left, .menu-links-right {
  position: relative;
  top: 50%;
  transform: translate(0, -50%); }

.hero, .br-bookmark, .menu-links .menu-logo, .project-next, .project-other > a > div, .lightbox-holder, .lightbox-img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

@media (max-width: 639px) {
  .project {
    position: static;
    transform: translate(0, 0); } }
.hidden {
  display: none; }

.button-box {
  background-color: #101010;
  padding: 8px 0px 5px;
  display: inline-block;
  margin-top: 24px;
  margin-right: 24px;
  cursor: pointer; }
  .button-box a {
    padding: 8px 16px 5px;
    color: #F8F8F8; }
  .button-box:hover {
    background-color: #00A1E8; }

.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10; }
  .nav .left-nav {
    display: inline-block; }
    .nav .left-nav:hover .info {
      margin: initial; }
  .nav .logo {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    background-color: #F8F8F8; }
  .nav .info {
    vertical-align: middle;
    display: inline-block;
    transition: all 0.3s; }
    .nav .info p {
      line-height: initial;
      margin: 0;
      color: #101010; }
    .nav .info .job {
      font-size: 12px; }
    .nav .info.shy {
      margin-left: -300px; }
  .nav .menu {
    background-color: #FFD519;
    height: 50px;
    width: 50px;
    float: right;
    align-items: center;
    display: flex;
    cursor: pointer; }
    .nav .menu p {
      line-height: initial;
      color: #F8F8F8;
      text-align: center;
      width: 100%; }

#main .menu {
  background-color: #F8F8F8; }
  #main .menu p {
    color: #FFD519; }

.full-menu {
  position: fixed;
  z-index: 20; }
  .full-menu-backdrop {
    background-color: #FFD519;
    transition: all 0.3s;
    z-index: 20;
    opacity: 0; }
    .full-menu-check:checked ~ .full-menu-backdrop {
      opacity: 1;
      pointer-events: initial; }
  .full-menu-contents {
    z-index: 20;
    transition: all 0.3s;
    opacity: 0; }
    .full-menu-check:checked ~ .full-menu-contents {
      opacity: 1;
      pointer-events: initial; }
  .full-menu-close {
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
    cursor: pointer; }
    .full-menu-close p {
      line-height: initial;
      text-align: center;
      width: 100%;
      color: #FFD519; }

.menu-links {
  transform: translateY(-55%); }
  .menu-links h1 {
    text-align: center;
    margin-top: 24px; }
    .menu-links h1 a {
      color: #101010; }
  .menu-links h2 {
    font-weight: 500;
    color: #101010; }
  .menu-links .menu-logo {
    background-image: url("images/logo-white.svg");
    background-size: cover;
    width: 80%;
    margin-left: 10%; }
  .menu-links-left {
    text-align: right; }
    .menu-links-left li {
      padding-bottom: 20px;
      padding-top: 20px; }
  .menu-links-right li {
    padding-bottom: 20px;
    padding-top: 20px; }

.social-links {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center; }
  .social-links .social {
    width: 30px;
    margin-left: 20px;
    margin-right: 20px; }

.content {
  padding-top: 50px;
  padding-bottom: 50px; }

.project-desc {
  padding-top: 70px; }
.project-nav {
  background-color: #FFD519;
  padding-top: 100px;
  padding-bottom: 100px; }
.project-next {
  width: 100%;
  height: 50vh;
  content: '';
  background-color: #F8F8F8;
  background-size: contain; }
  .project-next-container {
    margin-bottom: 100px; }
.project-other {
  position: relative; }
  .project-other-container {
    overflow: auto; }
  .project-other:before {
    content: '';
    display: block;
    padding-top: 100%; }
  .project-other > a > div {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-size: 80%;
    background-color: #F8F8F8; }
  .project-other:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background-color: transparent;
    pointer-events: none;
    transition: all 0.2s ease;
    color: transparent;
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    padding-top: calc(50% - 15px); }
  .project-other:hover:after {
    background-color: #00A1E8;
    content: attr(data-projectName);
    color: #F8F8F8; }
.project-top-half {
  width: 100%; }
  .project-top-half h1 {
    width: 50%; }
  .project-top-half p {
    width: 50%; }

section {
  margin-bottom: 26vh; }

.colorBlock {
  padding: .6em .5em;
  margin-bottom: 24px; }
  .colorBlock-container {
    margin-top: 40px; }
  .colorBlock:last-child {
    margin-bottom: 0; }
  .colorBlock.white {
    color: #F8F8F8; }
  .colorBlock.stroke {
    border: 1px solid #101010; }
  .colorBlock p {
    line-height: initial;
    margin-top: 0;
    text-align: center; }

.type-name {
  margin-top: 40px; }

.bigProject-spaceTrail {
  background-image: url("images/st-logo.svg"); }
.bigProject-lightNews {
  background-image: url("images/ln-logo.svg"); }
.bigProject-bridge {
  background-image: url("images/br-logo.svg"); }
.bigProject-wnmSurvey {
  background-image: url("images/ws-logo.svg"); }
.bigProject-aubrey {
  background-image: url("images/au-logo.svg"); }
.bigProject-icons50 {
  background-image: url("images/ic-logo.svg"); }

.smallProject-spaceTrail {
  background-image: url("images/st-logo-small.svg"); }
.smallProject-lightNews {
  background-image: url("images/ln-lightbulb.svg"); }
.smallProject-bridge {
  background-image: url("images/br-logo-small.svg"); }
.smallProject-wnmSurvey {
  background-image: url("images/ws-logo.svg"); }
.smallProject-aubrey {
  background-image: url("images/au-logo-small.svg"); }
.smallProject-icons50 {
  background-image: url("images/ic-logo-small.svg"); }

.footer {
  padding: 10px;
  background-color: #F8F8F8;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }
  .footer .copyright {
    font-size: 80%;
    vertical-align: middle;
    margin: 0; }
  .footer .contact {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0; }
    .footer .contact p {
      line-height: initial;
      margin: 0; }
    .footer .contact .email {
      font-weight: 500; }
  .footer .social {
    width: 20px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 20px; }
    .footer .social:first-child {
      margin-left: 0; }
    .footer .social-container {
      justify-content: flex-end;
      align-items: center;
      display: flex; }

.lightbox {
  z-index: 30; }
  .lightbox-small {
    cursor: pointer; }
    .lightbox-small > img {
      border: 2px solid transparent;
      transition: border 0.3s; }
      .lightbox-small > img:hover {
        border: 2px solid #FFD519; }
  .lightbox-holder {
    content: '';
    background-size: cover;
    border: 2px solid transparent;
    transition: border 0.3s; }
    .lightbox-holder:hover {
      border: 2px solid #FFD519; }
  .lightbox-backdrop {
    background-color: #101010;
    transition: all 0.2s;
    opacity: 0;
    z-index: 30; }
    .lightbox:checked ~ .lightbox-backdrop {
      opacity: 1;
      pointer-events: initial;
      cursor: pointer; }
  .lightbox-container {
    position: fixed;
    right: 0;
    bottom: 0; }
  .lightbox-content {
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s;
    z-index: 30; }
    .lightbox:checked ~ .lightbox-content {
      opacity: 1;
      pointer-events: initial; }
  .lightbox-img {
    z-index: 30;
    content: "";
    position: fixed;
    top: 10vh;
    left: 5%;
    bottom: 10vh;
    right: 5%; }
    .lightbox-img.white {
      background-color: #F8F8F8; }
    .lightbox:checked ~ .lightbox-content > .lightbox-img {
      pointer-events: initial;
      cursor: pointer; }

@media (max-width: 639px) {
  .menu-links h1 {
    margin-top: 0px;
    margin-bottom: 10px; }

  .menu-links-left, .menu-links-right {
    text-align: center; }
    .menu-links-left li, .menu-links-right li {
      padding-bottom: 10px;
      padding-top: 10px; }

  .menu-links-right {
    margin-top: -15px; }

  .menu-logo {
    display: none; }

  .button-box {
    width: 100%;
    text-align: center;
    margin-right: 0; }

  .project-top-half h1 {
    width: 100%; }
  .project-top-half p {
    width: 100%; }
  .project-logo {
    margin-bottom: 20px; }
  .project-font {
    margin-top: 26vh; }

  .content {
    padding-bottom: 0; }

  .footer {
    position: static; }
    .footer .copyright {
      text-align: center;
      margin-bottom: 10px;
      font-size: 14pt; }
    .footer .contact {
      font-size: 14pt; }
    .footer .social-container {
      justify-content: center;
      margin-top: 20px; }
      .footer .social-container img {
        width: 50px;
        height: 50px; } }

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