/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/323dcb");
@font-face {
  font-family: 'BrandonTextWeb-Bold';
  src: url("../webfonts/323DCB_1_0.eot");
  src: url("../webfonts/323DCB_1_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/323DCB_1_0.woff2") format("woff2"), url("../webfonts/323DCB_1_0.woff") format("woff"), url("../webfonts/323DCB_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'BrandonTextWeb-Medium';
  src: url("../webfonts/3292F4_0_0.eot");
  src: url("../webfonts/3292F4_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3292F4_0_0.woff2") format("woff2"), url("../webfonts/3292F4_0_0.woff") format("woff"), url("../webfonts/3292F4_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'BrandonTextWeb-Regular';
  src: url("../webfonts/323DCB_2_0.eot");
  src: url("../webfonts/323DCB_2_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/323DCB_2_0.woff2") format("woff2"), url("../webfonts/323DCB_2_0.woff") format("woff"), url("../webfonts/323DCB_2_0.ttf") format("truetype"); }
.full-screen {
  width: 100%;
  height: 100vh; }

.viewport-full-size {
  width: 100vw;
  height: 100vh; }

.full-width {
  width: 100%; }

.pos-a {
  position: absolute; }

.pos-a-center {
  position: absolute;
  left: 50%;
  top: 50%; }

.pos-a-t-l {
  position: absolute;
  top: 0;
  left: 0; }

.pos-a-b-l {
  position: absolute;
  bottom: 0;
  left: 0; }

.pos-a-t-r {
  position: absolute;
  top: 0;
  right: 0; }

.pos-a-b-r {
  position: absolute;
  bottom: 0;
  right: 0; }

.pos-f-t-l {
  position: fixed;
  top: 0;
  left: 0; }

.pos-f {
  position: fixed; }

.pos-f-bottom {
  position: fixed;
  bottom: 0;
  left: 0; }

.pc-b::before {
  content: ""; }

.pc-a::after {
  content: ""; }

.center-l-t {
  position: absolute;
  left: 50%;
  top: 50%; }

.flex-vert-center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  margin-top: -0.5%; }

.flex-vert {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column; }
  .flex-vert > * {
    height: 100%; }

.flex-horiz {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -ms-flex-direction: row; }
  .flex-horiz > * {
    width: 100%; }

.mob-only {
  display: none; }
  @media only screen and (max-width: 700px) {
    .mob-only {
      display: block; } }

.desktop-only {
  display: block; }
  @media only screen and (max-width: 700px) {
    .desktop-only {
      display: none; } }

.scrolling-content[data-page="project"] h1 {
  font-size: 4.6vw;
  line-height: 1.2em;
  font-family: 'BrandonTextWeb-Medium'; }
  @media screen and (max-width: 700px) {
    .scrolling-content[data-page="project"] h1 {
      font-size: 40px;
      line-height: 1.1em; } }
.scrolling-content[data-page="project"] h2 {
  font-size: 40px;
  line-height: 1.2em;
  margin-bottom: 0.6em;
  font-family: 'BrandonTextWeb-Medium'; }
  @media screen and (max-width: 700px) {
    .scrolling-content[data-page="project"] h2 {
      font-size: 22px; } }
.scrolling-content[data-page="project"] h3 {
  font-size: 13px; }
  @media screen and (max-width: 700px) {
    .scrolling-content[data-page="project"] h3 {
      font-size: 12px; } }
.scrolling-content[data-page="project"] p {
  font-size: 24px;
  line-height: 1.4em;
  font-family: 'BrandonTextWeb-Regular'; }
  @media screen and (max-width: 700px) {
    .scrolling-content[data-page="project"] p {
      font-size: 18px; } }
@media screen and (min-width: 700px) {
  .scrolling-content[data-page="project"] .slim-block p {
    font-size: 20px; } }

/*# sourceMappingURL=project-typography.css.map */