html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 85%;
  font-family: DuNord;
  font-weight: 300;
  text-rendering: geometricPrecision; }
  @media (max-width: 1600px) {
	html, body {
	  font-size: 82.5%; } }
  @media (max-width: 1250px) {
    html, body {
      font-size: 80%; } }
  @media (max-width: 700px) {
    html, body {
      font-size: 70%; } }

section {
  position: relative;
  padding-top: calc(3.5rem * 3 + 1em);
  padding-bottom: calc(3.5rem * 2);
  font-size: 1rem; }
  section a {
    color: #3a3d3d; }
  section h2 {
    color: black;
    position: absolute;
    left: 4rem;
    top: 3.5rem;
    font-size: 1.5em;
    font-weight: 300;
    text-decoration: underline;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.75em; }
    @media (max-width: 700px) {
      section h2 {
        font-size: 1rem !important;
        text-align: center;
        letter-spacing: 0.6em;
        width: 100%;
        left: initial; } }
  section > h3 {
    margin-top: 0;
    margin-bottom: calc(3.5rem * 0.5);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25em;
    line-height: 2em;
    font-size: 2.25rem;
    font-family: DuNord-Light;
    font-weight: 400; }
    @media (max-width: 700px) {
      section > h3 {
        margin-bottom: 3rem; } }
  section > p {
    font-size: 1.25rem;
    text-align: center;
    max-width: 60rem;
    margin-top: 0;
    margin-bottom: calc(3.5rem * 2);
    margin-left: auto;
    margin-right: auto;
    line-height: 2em;
    color: #3a3d3d; }
    @media (max-width: 700px) {
      section > p {
        padding-left: 3rem;
        padding-right: 3rem;
        margin-bottom: calc(3rem * 1.5); } }
  @media (max-width: 700px) {
    section {
      padding-bottom: 3rem;
      padding-top: calc(3rem * 3 + 1.5rem);
      padding-bottom: 3rem; } }

.substart {
  transition: opacity 300ms,transform 300ms,-webkit-transform 300ms,-ms-transform 300ms;
  opacity: 0;
  transform: translateY(20%);
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%); }
  .substart.slide {
    opacity: 1;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%); }

.quote {
  font-family: DuNord-Light;
  text-transform: uppercase;
  color: #b6b6b6;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  max-width: 28em;
  font-weight: 400;
  line-height: 1.75em;
  margin-bottom: 0;
  position: relative; }
  .quote span {
    position: relative; }
  .quote span:first-of-type:before {
    content: "\201C";
    font-size: 2.8em;
    position: absolute;
    right: 100%;
    top: 30%; }
  .quote span:last-of-type:after {
    content: "\201D";
    font-size: 2.8em;
    position: absolute;
    left: 100%;
    top: 30%; }
  @media (max-width: 1175px) {
    .quote {
      max-width: 40rem;
      font-size: 1.75rem; } }

p.by {
  font-size: 1.2rem;
  text-align: center;
  color: #b6b6b6;
  margin-bottom: 0; }
  @media (max-width: 700px) {
    p.by {
      font-size: 1.25rem; } }

@keyframes strokeFill1 {
  100% {
    stroke-dashoffset: 0; }
  0% {
    stroke-dashoffset: 71; } }
@keyframes strokeFill2 {
  100% {
    stroke-dashoffset: 0; }
  0% {
    stroke-dashoffset: 71; } }
@keyframes strokeFill3 {
  100% {
    stroke-dashoffset: 0; }
  0% {
    stroke-dashoffset: 78; } }
@keyframes strokeFill4 {
  100% {
    stroke-dashoffset: 0; }
  0% {
    stroke-dashoffset: 42; } }
@keyframes strokeFill5 {
  100% {
    stroke-dashoffset: 0; }
  0% {
    stroke-dashoffset: 42; } }
@keyframes strokeFill6 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
nav {
  width: 100%;
  height: 6.3rem;
  background: #011E41;
  color: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  transition: height 500ms; }
  nav.shaded {
    height: 4rem; }
    nav.shaded .logo {
      height: calc(100% - 1.5rem); }
  nav .logo {
    display: block;
    position: absolute;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: height 500ms;
    height: calc(100% - 3rem);
    width: initial;
    z-index: 5; }
    nav .logo svg.logo {
      height: 100%; }
    @media (max-width: 1100px) {
      nav .logo {
        left: 1.25rem; } }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
    nav ul li {
      margin-left: 0;
      display: inline-block;
      font-size: 0.75rem;
      text-transform: uppercase;
      letter-spacing: 0.6em;
      margin-right: 4em; }
      nav ul li a {
        transition: color 500ms;
        color: #d7d7d7;
        text-decoration: none; }
      nav ul li.highlight a {
        color: white; }
    @media (max-width: 1100px) {
      nav ul {
        transform: none;
        -webkit-transform: none;
        top: inherit;
        top: 0;
        right: -26rem;
        height: 100vh;
        max-width: 26rem;
        width: 100vw;
        background-color: black;
        padding-top: 6rem;
        transition: right 250ms; }
        nav ul.show {
          right: 0; }
          nav ul.show li {
            transition: left 200ms,opacity 200ms;
            left: 0;
            opacity: 1; }
            nav ul.show li:nth-child(1) {
              transition-delay: 40ms,40ms; }
            nav ul.show li:nth-child(2) {
              transition-delay: 80ms,80ms; }
            nav ul.show li:nth-child(3) {
              transition-delay: 120ms,120ms; }
            nav ul.show li:nth-child(4) {
              transition-delay: 160ms,160ms; }
            nav ul.show li:nth-child(5) {
              transition-delay: 200ms,200ms; }
        nav ul li {
          position: relative;
          left: 26rem;
          display: block;
          font-size: 2rem;
          margin-top: 1rem;
          margin-bottom: 1rem;
          margin-left: 1rem;
          opacity: 0; } }
  nav svg.logo > path {
    stroke: #aaaaaa;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
	
  @supports (-ms-ime-align: auto) {
	nav svg.logo > path {
	  stroke-dasharray: none !important; 
      stroke-dashoffset: none !important;
      -webkit-animation-name: none !important; 
	  opacity: 100 !important; }
  }
  nav svg.logo .stroke1 {
    stroke-width: 35.5;
    stroke-dasharray: 71;
    stroke-dashoffset: 71;
    animation-name: strokeFill1;
    -webkit-animation-name: strokeFill1;
    animation-delay: 350ms;
    -webkit-animation-delay: 350ms;
    animation-duration: 371.6113ms;
    -webkit-animation-duration: 371.6113ms; }
  nav svg.logo .stroke2 {
    stroke-width: 35.25;
    stroke-dasharray: 71;
    stroke-dashoffset: 71;
    animation-delay: 721.6113ms;
    -webkit-animation-delay: 721.6113ms;
    animation-name: strokeFill2;
    -webkit-animation-name: strokeFill2;
    animation-duration: 370.8234ms;
    -webkit-animation-duration: 370.8234ms; }
  nav svg.logo .stroke3 {
    stroke-width: 30;
    stroke-dasharray: 78;
    stroke-dashoffset: 78;
    animation-delay: 1092.435ms;
    -webkit-animation-delay: 1092.435ms;
    animation-name: strokeFill3;
    -webkit-animation-name: strokeFill3;
    animation-duration: 404.4392ms;
    -webkit-animation-duration: 404.4392ms; }
  nav svg.logo .stroke4 {
    stroke-width: 35.25;
    stroke-dasharray: 42;
    stroke-dashoffset: 42;
    animation-delay: 1496.874ms;
    -webkit-animation-delay: 1496.874ms;
    animation-name: strokeFill4;
    -webkit-animation-name: strokeFill4;
    animation-duration: 215.3508ms;
    -webkit-animation-duration: 215.3508ms; }
  nav svg.logo .stroke5 {
    stroke-width: 35.25;
    stroke-dasharray: 42;
    stroke-dashoffset: 42;
    animation-delay: 1712.225ms;
    -webkit-animation-delay: 1712.225ms;
    animation-name: strokeFill5;
    -webkit-animation-name: strokeFill5;
    animation-duration: 187.7754ms;
    -webkit-animation-duration: 187.7754ms; }
  nav svg.logo .stroke6 {
    stroke-width: 35.25;
    opacity: 0;
    animation-delay: 1900ms;
    -webkit-animation-delay: 1900ms;
    animation-name: strokeFill6;
    -webkit-animation-name: strokeFill6;
    animation-duration: 300ms;
    -webkit-animation-duration: 300ms;
    stroke: #eeeeee; }
  nav svg.logo .super {
    fill: white;
    stroke: none; }
  nav svg.logo .sub {
    fill: white;
    stroke: none; }
  nav svg.triplebar {
    display: none;
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 2.5rem;
    width: initial;
    z-index: 10; }
    @media (max-width: 1100px) {
      nav svg.triplebar {
        display: inline-block; } }
    nav svg.triplebar path {
      stroke: #aaaaaa; }
      nav svg.triplebar path.edge {
        stroke-width: 4; }
        @media (max-width: 700px) {
          nav svg.triplebar path.edge {
            stroke-width: 6; } }
      nav svg.triplebar path.middle {
        stroke-width: 2; }
        @media (max-width: 700px) {
          nav svg.triplebar path.middle {
            stroke-width: 3; } }

@keyframes crossfade1 {
  0% {
    opacity: 1; }
  22% {
    opacity: 1; }
  30% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes crossfade2 {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  22% {
    opacity: 1; }
  55% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes crossfade3 {
  0% {
    opacity: 0; }
  55% {
    opacity: 0; }
  50% {
    opacity: 1; }
  72% {
    opacity: 1; }
  76% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes crossfade4 {
  0% {
    opacity: 0; }
  65% {
    opacity: 0; }
  74% {
    opacity: 1; }
  100% {
    opacity: 1; } }

header {
  color: white;
  position: relative;
  width: 100%;
  margin-top: 3rem; }
  header .blurp {
    width: 100%;
    position: relative; }
    header .blurp .stack {
      width: 100%;
      padding-bottom: 60.64%;
      background-color: #3a3d3d; }
      header .blurp .stack img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        animation-duration: 18s;
        -webkit-animation-duration: 18s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-direction: normal;
        -webkit-animation-direction: normal; }
        header .blurp .stack img:nth-child(1) {
          animation-name: crossfade1;
          -webkit-animation-name: crossfade1;
          z-index: 4; }
        header .blurp .stack img:nth-child(2) {
          animation-name: crossfade2;
          -webkit-animation-name: crossfade2;
          z-index: 3; }
        header .blurp .stack img:nth-child(3) {
          animation-name: crossfade3;
          -webkit-animation-name: crossfade3;
          z-index: 2; }
        header .blurp .stack img:nth-child(4) {
          animation-name: crossfade4;
          -webkit-animation-name: crossfade4;
          z-index: 1; }
        @media (max-width: 1100px) {
          header .blurp .stack img {
            -webkit-filter: blur(0.25px);
            filter: blur(0.25px); } }
    header .blurp .copy {
      font-size: 3rem;
      max-width: 21em;
      width: 100%;
      padding-bottom: 15%;
      position: absolute;
      z-index: 5;
      left: 50%;
      top: 45%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
      header .blurp .copy p {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        font-family: DuNord-Light;
        font-weight: 400;
        width: 100%;
        line-height: 1.3em;
        letter-spacing: 0.05em;
        text-align: center;
        text-shadow: 0px 0px 17px rgba(0, 0, 0, 0.25);
        animation-duration: 18s;
        -webkit-animation-duration: 18s;
        animation-iteration-count: infinite;
        -webkit-animation-iteration-count: infinite;
        animation-direction: normal;
        -webkit-animation-direction: normal; }
        header .blurp .copy p:nth-child(1) {
          animation-name: crossfade1;
          -webkit-animation-name: crossfade1;
          z-index: 4; }
        header .blurp .copy p:nth-child(2) {
          animation-name: crossfade2;
          -webkit-animation-name: crossfade2;
          z-index: 3; }
        header .blurp .copy p:nth-child(3) {
          animation-name: crossfade3;
          -webkit-animation-name: crossfade3;
          z-index: 2; }
        header .blurp .copy p:nth-child(4) {
          animation-name: crossfade4;
          -webkit-animation-name: crossfade4;
          z-index: 1; }
        @media (max-width: 700px) {
          header .blurp .copy p {
            top: 50%;
            width: calc(100% - 1rem);
            font-size: 2rem;
            text-shadow: none;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            padding-top: 3rem;
            padding-bottom: 3rem;
            max-width: 26rem;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%); } }
      @media (max-width: 700px) {
        header .blurp .copy {
          display: none;
          position: relative;
          top: auto;
          left: auto;
          max-width: 100%;
          transform: none;
          -webkit-transform: none;
          -ms-transform: none;
          background-color: #3a3d3d;
          font-size: 2.5rem;
          height: 19rem;
          padding-bottom: 0; } }
  header .intro {
    font-size: 2rem;
    height: calc( 3.5rem * 4 + 2.5rem);
    line-height: 0;
    position: relative; }
    @media (max-width: 700px) {
      header .intro {
        height: auto; } }
    header .intro .left {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      background-color: #3a3d3d;
      color: #b3b4ab;
      height: 100%;
      width: 39rem;
      margin: 0;
      padding: 0; }
      @media (max-width: 1175px) {
        header .intro .left {
          width: 28rem; } }
      @media (max-width: 700px) {
        header .intro .left {
          position: relative;
          display: block;
          height: auto;
          width: 100% !important;
          background-color: #84898a;
          line-height: normal; } }
      header .intro .left h2 {
        font-family: "DuNord-Light";
        font-weight: 400;
        font-size: 2.5rem;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 0.25em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50% -50%);
        -ms-transform: translate(-50% -50%);
        margin: 0; }
        @media (max-width: 700px) {
          header .intro .left h2 {
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            -webkit-transform: none;
            -ms-transform: none;
            font-size: 3rem !important;
            padding-left: 0;
            padding-top: 1.5em;
            padding-bottom: 1em;
            text-align: center; } }
      @media (max-width: 1040px) {
        header .intro .left {
          width: 19rem; }
          header .intro .left h2 {
            font-size: 2rem; } }
    header .intro .right {
      position: absolute;
      right: 0;
      top: 0;
      display: inline-block;
      color: black;
      background-color: #84898a;
      height: 100%;
      width: calc(100% - 39rem);
      margin: 0;
      padding: 0; }
      @media (max-width: 1175px) {
        header .intro .right {
          width: calc(100% - 28rem); } }
      header .intro .right p {
        position: absolute;
        top: 50%;
        left: 4rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        display: block;
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: normal;
        margin: 0;
        letter-spacing: 0.5em;
        letter-spacing: 0.5em;
        width: calc(100% - 6rem); }
        header .intro .right p > span:first-of-type {
          word-spacing: 1em; }
        header .intro .right p span {
          display: block;
          vertical-align: bottom;
          line-height: 2em; }
          @media (max-width: 700px) {
            header .intro .right p span {
              margin-left: auto;
              margin-right: auto; } }
          @media (min-width: 700px) {
            header .intro .right p span.reveal {
              position: relative;
              overflow: hidden;
              white-space: nowrap;
              width: 0;
              transition: width 350ms; }
              header .intro .right p span.reveal:after {
                content: '';
                position: absolute;
                right: 0;
                background: linear-gradient(to right, rgba(132, 137, 138, 0), #84898a);
                width: 8rem;
                top: 0;
                bottom: 0;
                transform: translateX(0%);
                -webkit-transform: translateX(0%);
                -ms-transform: translateX(0%);
                transition: transform 60ms,-webkit-transform 60ms,-ms-transform 60ms;
                transition-delay: 350ms; }
              header .intro .right p span.reveal.show {
                width: 100%; }
                header .intro .right p span.reveal.show:after {
                  transform: translateX(calc(100% + 8rem));
                  -webkit-transform: translateX(calc(100% + 8rem));
                  -ms-transform: translateX(calc(100% + 8rem)); } }
  @media (min-width: 700px) and (min-width: 1400px) {
    header .intro .right p span.reveal.set > .reveal {
      width: 100% !important;
      display: inline !important; }
      header .intro .right p span.reveal.set > .reveal:after {
        display: none; } }
  @media (min-width: 700px) and (max-width: 1400px) {
    header .intro .right p span.reveal.set {
      width: 100% !important; }
      header .intro .right p span.reveal.set:after {
        display: none; }
      header .intro .right p span.reveal.set:before {
        display: none; }
      header .intro .right p span.reveal.set > .reveal {
        display: block !important; }
      header .intro .right p span.reveal.set.show > .reveal {
        width: 100% !important; } }

        @media (max-width: 1040px) {
          header .intro .right p {
            font-size: 0.75rem; } }
        @media (max-width: 700px) {
          header .intro .right p {
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            -webkit-transform: none;
            -ms-transform: none;
            margin-left: 3rem;
            margin-right: 3rem;
            font-size: 1rem !important;
            text-align: center; } }
      @media (max-width: 1040px) {
        header .intro .right {
          width: calc(100% - 19rem); } }
      @media (max-width: 700px) {
        header .intro .right {
          width: 100%  !important;
          position: relative;
          display: block;
          height: auto;
          padding-bottom: 3rem; } }
  @media (max-width: 700px) {
    header {
      margin-top: 6.3rem; } }

#about {
  background-color: #d1d2cc;
  color: black;
  width: 100%;
  position: relative; }
  #about .quote, #about .by {
    color: white; }
  #about .quote {
    max-width: 65rem; }
  @media (max-width: 1175px) {
    #about .quote {
      max-width: 40rem; } }
  #about a {
    color: #3a3d3d; }

#graph {
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  width: 25rem; }
  #graph .display {
    height: 9rem; }
  #graph .bar {
    position: relative;
    height: 1.2rem; }
    #graph .bar h4 {
      position: absolute;
      right: calc(100% + 1rem);
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 0;
      width: 16rem;
      text-align: right;
      font-size: 0.8rem;
      color: #404041; }
    #graph .bar span {
      position: absolute;
      right: 0;
      padding-top: 0.05em;
      padding-right: 0.5em;
      color: white; }
  #graph .graph1 .bar:nth-child(1) {
    width: calc(100% * (24 / 32));
    background-color: #929496; }
  #graph .graph1 .bar:nth-child(2) {
    width: calc(100% * (8 / 32));
    background-color: #404041; }
  #graph .graph1 .bar:nth-child(3) {
    width: calc(100% * (32 / 32));
    background-color: #bfbdbd; }
  #graph .graph1 .bar:nth-child(4) {
    width: calc(100% * (5 / 32));
    background-color: #929496; }
  #graph .graph1 .bar:nth-child(5) {
    width: calc(100% * (28 / 32));
    background-color: #495062; }
  #graph .graph1 .bar:nth-child(6) {
    width: calc(100% * (3 / 32));
    background-color: #404041; }
  #graph .graph2 .bar:nth-child(1) {
    width: calc(100% * (29 / 40));
    background-color: #929496; }
  #graph .graph2 .bar:nth-child(2) {
    width: calc(100% * (6 / 40));
    background-color: #404041; }
  #graph .graph2 .bar:nth-child(3) {
    width: calc(100% * (13 / 40));
    background-color: #bfbdbd; }
  #graph .graph2 .bar:nth-child(4) {
    width: calc(100% * (2 / 40));
    background-color: #929496; }
  #graph .graph2 .bar:nth-child(5) {
    width: calc(100% * (40 / 40));
    background-color: #495062; }
  #graph .graph2 .bar:nth-child(6) {
    width: calc(100% * (8 / 40));
    background-color: #404041; }
  #graph .graph2 .bar:nth-child(7) {
    width: calc(100% * (2 / 40));
    background-color: #b3b5ab; }
  #graph .interface {
    margin-top: 1rem;
    text-align: center; }
    #graph .interface a {
      cursor: pointer;
      display: inline-block;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      color: #84898a; }
      #graph .interface a.selected {
        color: black; }

section#philosophy {
  position: relative;
  background-color: #3a3d3d;
  color: white;
  padding-bottom: 3.5rem; }
  section#philosophy h2 {
    color: #000000; }
  section#philosophy > h3 {
    color: #000000; }
  section#philosophy > p {
    color: #000000; }
  section#philosophy .blocks {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(3.5rem);
    width: calc(100% - 12rem);
    max-width: 82rem;
    height: 30rem;
    position: relative; }
    @media (max-width: 1040px) {
      section#philosophy .blocks {
        width: calc(100% - 3rem); } }
    @media (max-width: 700px) {
      section#philosophy .blocks {
        height: auto;
        width: calc(100% - 5rem);
        margin-bottom: 0; } }
    section#philosophy .blocks .block {
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      z-index: 5;
      display: inline-block;
      width: calc(33.33% - 3rem);
      color: #000000;
      height: 100%;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      background-color: #ffffff;
      padding: 2rem;
      text-align: center; }
      section#philosophy .blocks .block:first-of-type {
        left: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none; }
      section#philosophy .blocks .block:nth-child(2) {
        border-color: #84898a;
        color: #000000; }
      section#philosophy .blocks .block:last-of-type {
        left: auto;
        right: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none; }
      section#philosophy .blocks .block h3 {
        font-size: 1.25rem;
        text-transform: uppercase;
        letter-spacing: 0.15em; }
      section#philosophy .blocks .block p {
        font-size: 1.25rem;
        line-height: 1.5em; 
}
        @media (max-width: 700px) {
          section#philosophy .blocks .block p {
            font-size: 1.4rem; } }
      @media (min-width: 1175px) {
        section#philosophy .blocks .block {
          padding-top: 3rem; } }
      @media (max-width: 1040px) {
        section#philosophy .blocks .block {
          width: calc(33.33% - 1rem);
          padding: 0.75rem; } }
      @media (max-width: 700px) {
        section#philosophy .blocks .block {
          left: auto;
          right: auto;
          width: 100%;
          height: auto;
          position: relative;
          display: block;
          transform: none;
          -webkit-transform: none;
          -ms-transform: none;
          margin-top: 0;
          margin-bottom: 4rem;
          max-width: 35rem;
          margin-left: auto;
          margin-right: auto;
          padding-left: 2rem;
          padding-right: 2rem;
          padding-bottom: 2rem; } }

.parallax {
  width: 100%;
  max-height: 44rem;
  height: 72vw;
  position: relative;
  overflow: hidden;
  display: block;
  margin-top: 0;
  margin-bottom: 0; }
  .parallax .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding-bottom: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .parallax img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%; }
  .parallax #para1 {
    background-image: url(../img/parallax1.jpg); }
    @media (max-width: 1100px) {
      .parallax #para1 {
        background-image: url(../img/parallax1-2.jpg); } }
  .parallax #para2 {
    background-image: url(../img/parallax2.jpg); }
    @media (max-width: 1100px) {
      .parallax #para2 {
        background-image: url(../img/parallax2-2.jpg); } }
  .parallax #para3 {
    background-image: url(../img/parallax3.jpg); }
    @media (max-width: 1100px) {
      .parallax #para3 {
        background-image: url(../img/parallax3-2.jpg); } }
  .parallax .block {
    font-size: 2.8rem;
    font-family: DuNord-Light;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.025em;
    max-width: 15em;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    text-shadow: 0px 0px 17px rgba(0, 0, 0, 0.25);
    font-family: DuNord-Light;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.025em;
    max-width: 15em;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    text-shadow: 0px 0px 17px rgba(0, 0, 0, 0.25); }
    @media (max-width: 1100px) {
      .parallax .block {
        font-size: 3rem; } }
    @media (max-width: 700px) {
      .parallax .block {
        display: none; } }
    .parallax .block p {
      max-width: 100% !important;
      color: white !important; }
    .parallax .block p:not(.by) {
      font-size: 1em !important; }
    .parallax .block .bs {
      margin-bottom: 0; }
      .parallax .block .bs span {
        position: relative; }
      .parallax .block .bs span:first-of-type:before {
        content: "\201C";
        font-size: 2em;
        position: absolute;
        right: 100%;
        top: -20%; }
      .parallax .block .bs span:last-of-type:after {
        content: "\201D";
        font-size: 2em;
        position: absolute;
        left: 100%;
        top: -20%; }
    .parallax .block .by {
      font-size: 1.2rem;
      text-align: center;
      margin-bottom: 0; }
    .parallax .block p {
      max-width: 100% !important;
      color: white !important; }
      .parallax .block p:not(.by) {
        font-size: 1em !important; }

#publications{
  background-color: #d9d9d4;
  color: #3a3d3d;
  position: relative;
  padding-bottom: 10rem; }
  #publications h3 {
    text-align: center; }

  #publications a {
    position: relative;
    float:left;
  font-size: 1rem;
  letter-spacing: 0.2em;
  font-family: DuNord-Light;
    color: #3a3d3d;
    border: 1px solid #3a3d3d;
    padding: 1.15rem 1.6rem;
    text-decoration: none;
    margin:10px;
width:180px;
text-align:center;}
    #publications a:hover {
      background-color: #c2c6c9; }
#publinks{
position:relative;
width:100%;
max-width:1000px;
margin:auto;
}
#publinks p{
    font-size: 1.5rem;
clear:both;
text-align:center;
padding-top:46px;
margin-bottom:12px;
line-height:26px;
}

#team {
  background-color: #d9d9d4;
  color: #3a3d3d;
  position: relative;
  padding-bottom: 10rem; }
  #team h3, #team p {
    text-align: center; }
  #team p {
    margin-bottom: 3rem; }
  #team .quote, #team .by {
    color: white; }
  #team .cloud {
    color: #b1b1b1;
    font-size: 2.5rem;
    letter-spacing: 0.15em;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto; }
    #team .cloud .row {
      position: relative;
      display: block;
      height: 6rem;
      margin-left: 3rem;
      margin-right: 3rem; }
      #team .cloud .row span {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); }
        #team .cloud .row span:first-of-type {
          left: 0;
          transform: none;
          -webkit-transform: none;
          -ms-transform: none; }
        #team .cloud .row span:last-of-type {
          left: auto;
          right: 0;
          transform: none;
          -webkit-transform: none;
          -ms-transform: none; }
      #team .cloud .row:nth-child(1) span:nth-child(2) {
        transform: translate(-25%, 50%);
        -webkit-transform: translate(-25%, 50%);
        -ms-transform: translate(-25%, 50%); }
      #team .cloud .row:nth-child(2) {
        margin-left: 12rem;
        margin-right: 12rem; }
        #team .cloud .row:nth-child(2) span:nth-child(1) {
          transform: translateY(-30%);
          -webkit-transform: translateY(-30%);
          -ms-transform: translatY(-30%); }
        #team .cloud .row:nth-child(2) span:nth-child(2) {
          transform: translate(-50%, 100%);
          -webkit-transform: translate(-50%, 100%);
          -ms-transform: translate(-50%, 100%); }
      #team .cloud .row:nth-child(3) {
        margin-left: 8rem;
        margin-right: 8rem; }
        #team .cloud .row:nth-child(3) span:nth-child(1) {
          transform: translateY(-100%);
          -webkit-transform: translateY(-100%);
          -ms-transform: translatY(-100%); }
        #team .cloud .row:nth-child(3) span:nth-child(2) {
          transform: translate(-175%, 10%);
          -webkit-transform: translate(-175%, 10%);
          -ms-transform: translate(-175%, 10%); }
  #team a {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.3rem;
    letter-spacing: 0.15em;
    font-family: DuNord-Regular;
    text-transform: uppercase;
    color: #3a3d3d;
    border: 2px solid #3a3d3d;
    padding: 1.25rem 2rem;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto; }
    #team a:hover {
      background-color: #b3b5ab; }

section#process {
  padding-top: 0;
  font-family: DuNord-Light;
  background-color: #3a3d3d;
  color: #485566;
  font-weight: 300; }
  section#process > p {
    color: #485566; }
  section#process .hide {
    opacity: 0;
    transition: opacity 400ms; }
    section#process .hide.show {
      opacity: 1; }
  section#process .container {
    width: calc(100% - 4rem);
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 63.5rem;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%; }
    section#process .container h3 {
      font-size: 1.25rem;
      color: #485566;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 0.2em;
      font-weight: 400; }
      @media (max-width: 700px) {
        section#process .container h3 {
          text-align: center; } }
    section#process .container p {
      font-family: DuNord-Light;
      font-weight: 400;
      letter-spacing: 0.05em;
      font-size: 1rem;
      max-width: 35rem;
      line-height: 2em; }
      @media (max-width: 700px) {
        section#process .container p {
          font-size: 1.25rem;
          line-height: 1.5em;
          text-align: center;
          margin-left: auto;
          margin-right: auto; } }
  section#process h2 {
    color: #485566; }
  section#process > h3 {
    color: #485566; }
  section#process .arrow > svg {
    width: 125px;
    height: 94px;
    stroke: #485566; }
    section#process .arrow > svg .line {
      stroke-dasharray: 236;
      stroke-dashoffset: 236;
      stroke-width: 1.5;
      transition: stroke-dashoffset 400ms; }
    section#process .arrow > svg > .arrow {
      transform: scale(1.2, 1.2) translate(-6px, -4px) rotateZ(35deg);
      -webkit-transform: scale(1.2, 1.2) translate(-6px, -4px) rotateZ(35deg);
      fill: #b3b4ab;
      stroke-width: 1pt;
      transition: transform 400ms; }
  section#process .arrow.show > svg .line {
    stroke-dashoffset: 0; }
  section#process .arrow.show > svg .arrow {
    transform: scale(1.2, 1.2) translate(159px, 118px) rotateZ(35deg);
    -webkit-transform: scale(1.2, 1.2) translate(159px, 118px) rotateZ(35deg); }
  section#process .block1 h3 {
    margin-top: 0; }
  section#process .block1 .arrow1 {
    margin-top: 3.5rem; }
    @media (max-width: 700px) {
      section#process .block1 .arrow1 {
        margin-top: 3rem; } }
  section#process .block2 {
    position: relative;
    margin-left: 9.5rem;
    margin-right: auto; }
    section#process .block2 span {
      display: block; }
    section#process .block2 .center {
      margin-top: 3.5rem;
      margin-bottom: 3.5rem;
      max-width: 47rem;
      display: block;
      text-align: left;
      margin-left: 0;
      margin-right: auto; }
      @media (max-width: 700px) {
        section#process .block2 .center {
          margin-top: 3rem;
          margin-bottom: 3rem; } }
    section#process .block2 .graph {
      width: 41rem;
      height: 10.5rem;
      position: relative;
      text-align: left;
      margin-left: 5rem;
      margin-right: auto;
      transform: translateX(-5rem);
      -webkit-transform: translateX(-5rem); }
      section#process .block2 .graph .block {
        width: 17.5rem;
        position: absolute;
        bottom: 0;
        text-align: left !important;
        padding: 1rem;
        height: 8.5rem; }
        section#process .block2 .graph .block ul {
          margin-left: 1rem;
          padding-left: 0; }
          section#process .block2 .graph .block ul li {
            font-size: 0.8rem;
            line-height: 2em;
            letter-spacing: 0.05em;
            text-transform: uppercase; }
            @media (max-width: 700px) {
              section#process .block2 .graph .block ul li {
                font-size: 1.25rem; } }
        section#process .block2 .graph .block h4 {
          text-transform: uppercase;
          font-weight: 400;
          font-size: 1.5rem;
          margin-bottom: 0.5rem;
          margin-top: 1rem;
          letter-spacing: 0.15em; }
          @media (max-width: 700px) {
            section#process .block2 .graph .block h4 {
              font-size: 2rem; } }
        section#process .block2 .graph .block:nth-child(1) {
          background-color: #b3b4ab;
          left: 0; }
        section#process .block2 .graph .block:nth-child(2) {
          background-color: #84898a;
          right: 0; }
        @media (max-width: 700px) {
          section#process .block2 .graph .block {
            position: relative;
            width: calc(100% - 3rem);
            padding-top: 3rem;
            padding-bottom: 3rem;
            margin-left: auto;
            margin-right: auto;
            height: initial; }
            section#process .block2 .graph .block:nth-child(2) {
              margin-top: 2rem; }
            section#process .block2 .graph .block .wrapper {
              display: table;
              margin-left: auto;
              margin-right: auto; } }
      @media (max-width: 700px) {
        section#process .block2 .graph {
          height: initial;
          width: 100%; } }
      @media (max-width: 780px) {
        section#process .block2 .graph {
          transform: none;
          -webkit-transform: none;
          margin-left: initial; } }
    @media (max-width: 700px) {
      section#process .block2 {
        margin-left: 0; } }
  section#process .block3 {
    margin-left: auto;
    margin-right: 2rem;
    position: relative;
    max-width: 25rem; }
    section#process .block3 .arrow2 {
      position: relative;
      margin-top: 3.5rem;
      margin-bottom: 1.5rem;
      left: -6rem; }
      @media (max-width: 700px) {
        section#process .block3 .arrow2 {
          left: initial;
          margin-top: 3rem;
          margin-bottom: 3rem; } }
    section#process .block3 ul {
      margin-left: 0;
      padding-left: 0.8rem; }
      section#process .block3 ul li {
        letter-spacing: 0.05em;
        line-height: 2em; }
        @media (max-width: 700px) {
          section#process .block3 ul li {
            font-size: 1.25rem; } }
    section#process .block3 .text {
      transform: translateX(4rem);
      -webkit-transform: translateX(4rem); }
      @media (max-width: 700px) {
        section#process .block3 .text {
          transform: none;
          -webkit-transform: none; } }
  section#process .quote, section#process .by {
    color: #84898a; }
  section#process .quote {
    margin-top: calc(3.5rem * 2);
    max-width: 69rem; }
  @media (max-width: 1175px) {
    section#process .quote {
      max-width: 48rem; } }


  @media (max-width: 640px) {
#publinks{
width:90%;
margin:auto;
text-align:center;
}
#publications a
{
box-sizing: border-size;
clear:both!important;
text-align:center!important;
width:80%!important;
}
#singlink{
max-width:100%!important;
}
}


footer {
  position: relative;
  background-color: #84898a;
  color: white;
  text-align: center;
  padding-bottom: 16px; }
  footer img {
    margin-top: 30px;
    margin-bottom:30px;
}
    @media (max-width: 700px) {
      footer img {
        margin-top: calc(3rem * 2);
        margin-bottom: calc(3rem *2); } }
  footer a {
    color: white;
    text-decoration: none;
    display: block; }
  footer .tel {
    font-family: DuNord-Light;
    font-weight: 400;
    font-size: 2rem;
    letter-spacing: 0.15em;
    margin-top: 0;
    margin-bottom: 12px}
    @media (max-width: 700px) {
      footer .tel {
        margin-bottom: calc(3rem *2); } }
  footer address {
    font-size: 1.25rem;
    font-style: normal;
    font-family: DuNord-Light;
    letter-spacing: 0.15em;
line-height: 1.6em;
    margin-bottom: 2.5rem; }
    @media (max-width: 700px) {
      footer address {
        line-height: 1.2em; } }
    footer address a.email {
      margin-top: 1em;
      color: #b3b4ab; }
  footer .copy {
    color: #b3b4ab;
    display: block;
    font-size: 0.75rem;
    letter-spacing: 0.15em;
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); }
    footer .copy * {
      margin-left: 0.75rem;
      margin-right: 0.75rem; }
    footer .copy a {
      color: inherit;
      display: inline-block; }
    footer .copy *:not(:first-child) {
      border-left: 1px solid #b3b4ab;
      margin-left: 0;
      padding-left: 0.75rem; }
    @media (max-width: 700px) {
      footer .copy {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-top: calc(3rem * 2); } }
  footer .top {
    position: absolute;
    bottom: 0;
    right: 0;
    height: calc(3.5rem * 2);
    width: calc(3.5rem * 2);
    background-color: #84898a;
    color: #d9d9d4;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    cursor: pointer; }
    footer .top svg {
      width: 60%;
      position: absolute;
      top: 15%;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%); }
      footer .top svg path {
        stroke: #d9d9d4;
        stroke-width: 2;
        fill: none; }
      @media (max-width: 700px) {
        footer .top svg {
          display: none; } }
    footer .top span {
      position: absolute;
      bottom: 20%;
      left: 0;
      right: 0;
      width: 100%;
      text-align: center; }
      @media (max-width: 700px) {
        footer .top span {
          font-size: 1.25rem; } }
    @media (max-width: 700px) {
      footer .top {
        position: relative;
        right: initial;
        width: 100%;
        height: calc(3rem * 1.5); } }
  @media (max-width: 700px) {
    footer {
      padding-bottom: 0; } }

#teamImg {
  width: 100%;
  font-size: 0;
  display: block; }

#team {
  font-family: DuNord-Light;
  text-rendering: geometricPrecision; }
  #team #bio {
    position: relative;
    height: 0;
    max-width: 85rem;
    width: calc(100% - 2rem);
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    transition: height 250ms,opacity 250ms;
    opacity: 0; }
    #team #bio.show {
      height: 38rem;
      opacity: 1.0; }
      @media (max-width: 1100px) {
        #team #bio.show {
          height: 60rem; } }
    #team #bio .left {
      position: absolute;
      left: 0;
      top: 0;
      display: inline-block;
      background: #435667;
      color: white;
      width: 47%;
      height: 100%;
      overflow: hidden;
      box-sizing: border-box;
      padding: 3rem; }
      @media (max-width: 1100px) {
        #team #bio .left {
          height: 35%;
          width: 100%; } }
      #team #bio .left h4 {
        font-size: 2rem;
        letter-spacing: 0.15em;
        margin: 0;
        text-transform: uppercase;
        font-family: DuNord-Light;
        font-weight: 400; }
      #team #bio .left h5 {
        font-size: 1.15rem;
        letter-spacing: 0.1em;
        margin-top: 1rem;
        font-family: DuNord-Light;
        font-weight: 400; }
    #team #bio .right {
      position: absolute;
      top: 0;
      right: 0;
      display: inline-block;
      background: #909596;
      color: #ffffff;
      width: 53%;
      height: 100%;
      overflow: hidden;
      box-sizing: border-box;
      font-size: 1.1rem; }
      @media (max-width: 1100px) {
        #team #bio .right {
          width: 100%;
          bottom: 0;
          height: 65%;
          top: inherit; } }
      #team #bio .right ul {
        padding-left: 1.25rem; }
        #team #bio .right ul li {
          margin-top: 1rem;
          overflow: hidden; }
      #team #bio .right p {
        white-space: pre-line;
        text-align: left; }
      #team #bio .right .bottomalign {
        position: absolute;
        min-height: 28rem;
        bottom: 0;
        left: 0;
        padding: 3rem 6rem 3rem 3rem; }
        @media (max-width: 1100px) {
          #team #bio .right .bottomalign {
            position: static; } }
    #team #bio .sidebar {
      display: inline-block;
      position: absolute;
      right: calc(-53% + 4rem);
      top: 0;
      background: #4f647f;
      color: white;
      width: 53%;
      height: 100%;
      transition: right 250ms; }
      @media (max-width: 1100px) {
        #team #bio .sidebar {
          width: 100%;
          top: inherit;
          bottom: 0;
          height: 65%;
          right: calc(-100% + 4rem); } }
      #team #bio .sidebar.show {
        right: 0 !important; }
        #team #bio .sidebar.show .title {
          color: #3a3d3d; }
      #team #bio .sidebar .title {
        cursor: pointer;
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(90deg) translate(15.5rem, 13rem);
        -webkit-transform: rotate(90deg) translate(15.5rem, 13rem);
        text-decoration: underline;
        font-size: 1.2rem;
        letter-spacing: 0.5em;
        text-transform: uppercase;
        font-family: DuNord-Light;
        width: 30rem; }
      #team #bio .sidebar .close {
        position: absolute;
        top: 0.75rem;
        right: 1rem;
        width: 3rem;
        height: 3rem; }
        #team #bio .sidebar .close:before {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          display: block;
          width: 100%;
          height: 2px;
          background-color: white;
          transform: rotate(45deg); }
        #team #bio .sidebar .close:after {
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          display: block;
          width: 100%;
          height: 2px;
          background-color: white;
          transform: rotate(-45deg); }
      #team #bio .sidebar ul {
        margin-left: 4rem;
        margin-top: 4rem;
        list-style: none; }
        #team #bio .sidebar ul li {
          text-transform: uppercase;
          margin-bottom: 1.5rem;
          letter-spacing: 0.15em;
          cursor: pointer;
          font-family: DuNord-Light; }
          #team #bio .sidebar ul li:hover {
            color: #b3b4ab; }
  #team .grid {
    list-style: none;
    width: 76rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
    @media (max-width: 1040px) {
      #team .grid {
        width: 51rem; } }
    @media (max-width: 700px) {
      #team .grid {
        width: 25rem;
        margin-top: 2rem; } }
    #team .grid li {
      border: solid 1px #3a3d3d;
      margin-left: 2.5rem;
      margin-right: 2.5rem;
      margin-top: 1.25rem;
      margin-bottom: 1.25rem;
      padding: 1rem;
      width: 18rem;
      height: 6rem;
      display: inline-block;
      overflow: hidden;
      cursor: pointer;
      font-family: DuNord-Light; 
	  vertical-align: top; }
      #team .grid li:hover {
        background-color: #b3b4ab; }
      #team .grid li .name {
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.2em; }
      #team .grid li .title {
        margin-top: 0.25rem;
        letter-spacing: 0.1em;
        line-height: 1.5em;
        white-space: pre-line; }

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