@charset "UTF-8";
/*
 * Imports
 */
@import url("https://use.typekit.net/qqu2voo.css");
@import url("https://use.typekit.net/qqu2voo.css");
#campus-map #campus-map-svg {
  /** OLD STUFF **/
  /** NEW STUFF **/ }
  #campus-map #campus-map-svg .st0 {
    fill: #58C7D9; }
  #campus-map #campus-map-svg .st1 {
    fill: #f2f2f0;
    stroke: #434143;
    stroke-width: 5;
    stroke-miterlimit: 10; }
  #campus-map #campus-map-svg .st2 {
    fill: #D2DC3A; }
  #campus-map #campus-map-svg .st3 {
    fill: none;
    stroke: #000000;
    stroke-width: 2;
    stroke-miterlimit: 10; }
  #campus-map #campus-map-svg .st4 {
    fill: #f2f2f0;
    stroke: #434143;
    stroke-width: 4.9996;
    stroke-miterlimit: 9.999; }
  #campus-map #campus-map-svg .st5 {
    fill: #f2f2f0;
    stroke: #434143;
    stroke-width: 5;
    stroke-miterlimit: 9.9998; }
  #campus-map #campus-map-svg .st6 {
    fill: #f2f2f0;
    stroke: #434143;
    stroke-width: 5;
    stroke-miterlimit: 10; }
  #campus-map #campus-map-svg .st7 {
    clip-path: url(#SVGID_2_); }
  #campus-map #campus-map-svg .st8 {
    clip-path: url(#SVGID_4_); }
  #campus-map #campus-map-svg .st9 {
    clip-path: url(#SVGID_6_); }
  #campus-map #campus-map-svg .st10 {
    clip-path: url(#SVGID_8_); }
  #campus-map #campus-map-svg .st11 {
    fill: #59C7DA; }
  #campus-map #campus-map-svg .st12 {
    fill: #434143; }
  #campus-map #campus-map-svg .st13 {
    fill: #f2f2f0; }
  #campus-map #campus-map-svg .st14 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10; }
  #campus-map #campus-map-svg .st15 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.524,15.524; }
  #campus-map #campus-map-svg .st16 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.6704,15.6704; }
  #campus-map #campus-map-svg .st17 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.3158,15.3158; }
  #campus-map #campus-map-svg .st18 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.583,15.583; }
  #campus-map #campus-map-svg .st19 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.7043,15.7043; }
  #campus-map #campus-map-svg .st20 {
    fill: none;
    stroke: #000000;
    stroke-width: 4.6394;
    stroke-miterlimit: 10;
    stroke-dasharray: 15.6568,15.6568; }
  #campus-map #campus-map-svg .st21 {
    clip-path: url(#SVGID_10_); }
  #campus-map #campus-map-svg .st22 {
    fill: none;
    stroke: #D2DC3A;
    stroke-width: 2.5;
    stroke-miterlimit: 10; }
  #campus-map #campus-map-svg .st23 {
    clip-path: url(#SVGID_12_); }
  #campus-map #campus-map-svg .st24 {
    clip-path: url(#SVGID_14_); }
  #campus-map #campus-map-svg .st25 {
    clip-path: url(#SVGID_16_); }
  #campus-map #campus-map-svg .st26 {
    clip-path: url(#SVGID_18_); }
  #campus-map #campus-map-svg .st27 {
    clip-path: url(#SVGID_20_); }
  #campus-map #campus-map-svg .st28 {
    clip-path: url(#SVGID_22_); }
  #campus-map #campus-map-svg .st29 {
    clip-path: url(#SVGID_24_); }
  #campus-map #campus-map-svg .st30 {
    clip-path: url(#SVGID_26_); }
  #campus-map #campus-map-svg .st31 {
    clip-path: url(#SVGID_28_); }
  #campus-map #campus-map-svg .st32 {
    clip-path: url(#SVGID_30_); }
  #campus-map #campus-map-svg .st33 {
    clip-path: url(#SVGID_32_); }
  #campus-map #campus-map-svg .st34 {
    clip-path: url(#SVGID_34_); }
  #campus-map #campus-map-svg .st35 {
    clip-path: url(#SVGID_36_); }
  #campus-map #campus-map-svg .st36 {
    clip-path: url(#SVGID_38_); }
  #campus-map #campus-map-svg .st37 {
    clip-path: url(#SVGID_40_); }
  #campus-map #campus-map-svg .st38 {
    clip-path: url(#SVGID_42_); }
  #campus-map #campus-map-svg .st39 {
    clip-path: url(#SVGID_44_); }
  #campus-map #campus-map-svg .st40 {
    clip-path: url(#SVGID_46_); }
  #campus-map #campus-map-svg .st41 {
    clip-path: url(#SVGID_48_); }
  #campus-map #campus-map-svg .st42 {
    font-family: 'HelveticaNeue-Bold'; }
  #campus-map #campus-map-svg .st43 {
    font-size: 44.997px; }
  #campus-map #campus-map-svg .st44 {
    font-size: 45px; }
  #campus-map #campus-map-svg .st45 {
    font-size: 44.9964px; }
  #campus-map #campus-map-svg .st46 {
    font-family: 'HelveticaNeue'; }
  #campus-map #campus-map-svg .st1.mouse-over-item.hovering, #campus-map #campus-map-svg .st5.mouse-over-item.hovering, #campus-map #campus-map-svg .st6.mouse-over-item.hovering, #campus-map #campus-map-svg .st7.mouse-over-item.hovering {
    fill: rgba(55, 40, 77, 0.5);
    cursor: pointer; }
  #campus-map #campus-map-svg text.mouse-over-item:hover {
    cursor: pointer; }
  #campus-map #campus-map-svg polygon.mouse-over-item:hover, #campus-map #campus-map-svg polygon.mouse-over-item.hover,
  #campus-map #campus-map-svg rect.mouse-over-item:hover,
  #campus-map #campus-map-svg rect.mouse-over-item.hover {
    cursor: pointer;
    fill: rgba(55, 40, 77, 0.25); }

.slick-wrapper {
  height: 75vh;
  width: 100%; }
  .slick-wrapper:focus, .slick-wrapper:hover, .slick-wrapper:active, .slick-wrapper:visited {
    outline: none; }
  @media only screen and (max-width: 769px) {
    .slick-wrapper {
      height: 40vh; } }
  @media only screen and (max-width: 480px) {
    .slick-wrapper {
      height: 240px; } }
  .slick-wrapper .slick-list,
  .slick-wrapper .slick-track {
    height: 100%;
    width: auto; }
    .slick-wrapper .slick-list:focus, .slick-wrapper .slick-list:hover, .slick-wrapper .slick-list:active, .slick-wrapper .slick-list:visited,
    .slick-wrapper .slick-track:focus,
    .slick-wrapper .slick-track:hover,
    .slick-wrapper .slick-track:active,
    .slick-wrapper .slick-track:visited {
      outline: none; }

.slick-image:focus, .slick-image:hover, .slick-image:active, .slick-image:visited {
  outline: none; }

.slick-slide img {
  height: 100%;
  width: auto; }

.slick-dots {
  position: absolute;
  bottom: -20px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      font-size: 0;
      line-height: 0;
      display: block;
      width: 20px;
      height: 20px;
      padding: 5px;
      cursor: pointer;
      color: transparent;
      border: 0;
      outline: none;
      background: transparent; }
      .slick-dots li button:before {
        font-family: "slick";
        font-size: 60px;
        line-height: 20px;
        position: absolute;
        top: 0px;
        left: 0;
        width: 30px;
        content: "•";
        text-align: center;
        color: #fcca18;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: #404041; }
    @media only screen and (max-width: 480px) {
      .slick-dots li {
        width: 20px;
        height: 20px; }
        .slick-dots li button {
          width: 15px;
          height: 15px; }
          .slick-dots li button:before {
            font-size: 40px;
            width: 20px; } }

.slick-arrow {
  background: transparent;
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-position: center;
  backface-visibility: hidden;
  border: none;
  font-size: 0;
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 200;
  opacity: 0; }
  .slick-arrow:focus, .slick-arrow:hover, .slick-arrow:active, .slick-arrow:visited {
    outline: none; }
  .slick-arrow.slick-prev:hover, .slick-arrow.slick-next:hover {
    opacity: 1;
    cursor: pointer; }
  .slick-arrow.slick-prev {
    left: -15px;
    background-image: url(../img/arrow_left.png); }
  .slick-arrow.slick-next {
    right: -15px;
    background-image: url(../img/arrow_right.png); }
  @media only screen and (max-width: 480px) {
    .slick-arrow {
      background-size: 30px auto; }
      .slick-arrow.slick-prev {
        left: -30px;
        background-image: url(../img/arrow_left.png); }
      .slick-arrow.slick-next {
        right: -30px;
        background-image: url(../img/arrow_right.png); } }

#mobile-nav {
  display: none;
  position: fixed;
  right: 30px;
  top: 15px;
  padding: 15px 0 0 0;
  z-index: 1000; }

.hamburger {
  z-index: 10001;
  width: 30px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer; }
  .hamburger span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: black;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; }
    .hamburger span:nth-child(1) {
      top: 0px; }
    .hamburger span:nth-child(2), .hamburger span:nth-child(3) {
      top: 9px; }
    .hamburger span:nth-child(4) {
      top: 18px; }
  .hamburger:hover span {
    background-color: #195e41;
    cursor: pointer; }
  .hamburger.open span {
    background: #195e41; }
    .hamburger.open span:nth-child(1) {
      top: 18px;
      width: 0%;
      left: 50%; }
    .hamburger.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .hamburger.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .hamburger.open span:nth-child(4) {
      top: 18px;
      width: 0%;
      left: 50%; }

#mobile-nav-drawer {
  background: #fcca18;
  bottom: 0;
  color: black;
  display: none;
  height: 100vh;
  position: fixed;
  right: 0;
  top: -100vh;
  transition: top 0.5s linear;
  width: 100vw;
  z-index: 101; }
  #mobile-nav-drawer .nav-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0; }
    #mobile-nav-drawer .nav-items .nav-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      color: black;
      height: 50vh;
      width: 50vw;
      padding: 0; }
      #mobile-nav-drawer .nav-items .nav-item h4 {
        text-transform: uppercase; }
      #mobile-nav-drawer .nav-items .nav-item:hover {
        cursor: pointer; }
      #mobile-nav-drawer .nav-items .nav-item.home {
        background: #f2f2f0; }
      #mobile-nav-drawer .nav-items .nav-item.work {
        background: #fcca18; }
      #mobile-nav-drawer .nav-items .nav-item.live {
        background: #32453f; }
      #mobile-nav-drawer .nav-items .nav-item.community {
        background: #195e41; }
  #mobile-nav-drawer ul.mobile-address {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid black; }
  #mobile-nav-drawer.open {
    top: 0; }

/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 14px;
  font-size: 1rem; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }
  audio:focus, audio:hover, audio:active,
  canvas:focus,
  canvas:hover,
  canvas:active,
  iframe:focus,
  iframe:hover,
  iframe:active,
  img:focus,
  img:hover,
  img:active,
  svg:focus,
  svg:hover,
  svg:active,
  video:focus,
  video:hover,
  video:active {
    outline: none; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #f2f2f0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.05rem;
  margin: 0;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none; }

::-webkit-scrollbar {
  display: none; }

a {
  color: black;
  text-decoration: none;
  font-weight: bold; }
  a:hover {
    color: #195e41; }
  a:focus {
    outline: none; }
  a h4 {
    text-transform: lowercase; }
  a.cta-link {
    display: block;
    max-width: 300px; }
    a.cta-link:first-of-type .cta-button-container {
      margin-top: 0; }
    a.cta-link .cta-link-container {
      display: inline-block;
      margin-bottom: 30px;
      max-width: 250px;
      text-transform: uppercase;
      text-decoration: none;
      width: 250px; }
      a.cta-link .cta-link-container:after {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: transform 250ms ease-in-out;
        -moz-transition: transform 250ms ease-in-out;
        -ms-transition: transform 250ms ease-in-out;
        -o-transition: transform 250ms ease-in-out;
        transition: transform 250ms ease-in-out;
        border-bottom: solid 3px #195e41;
        content: "";
        display: block;
        margin-bottom: -2px;
        padding-top: 5px;
        transform-origin: 0% 50%; }
    a.cta-link .cta-button-container {
      display: inline-block;
      min-height: 50px;
      margin-top: 30px;
      position: relative;
      width: 100%; }
      a.cta-link .cta-button-container button {
        background: #195e41;
        border: 3px solid black;
        box-shadow: 3px 3px black;
        color: #f2f2f0;
        font-weight: bold;
        display: block;
        line-height: 1.5rem;
        max-width: 300px;
        padding: 10px 20px;
        position: absolute;
        text-align: center;
        text-transform: uppercase;
        transition: all 0.25s ease-in-out;
        width: 100%; }
        a.cta-link .cta-button-container button:hover {
          outline: none; }
      a.cta-link .cta-button-container.large button {
        max-width: 400px; }
    a.cta-link:hover .cta-link-container:after {
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      transform: scaleX(0);
      transform-origin: 100% 50%; }
    a.cta-link:hover .cta-button-container button {
      background: #fcca18;
      box-shadow: 0px 0px black;
      color: black;
      cursor: pointer;
      transform: translate(1px, 1px); }

h1,
h2,
h3,
h4 {
  margin: 0;
  max-width: 700px;
  text-transform: uppercase; }

h1 {
  font-size: 4rem;
  max-width: 1050px;
  margin: 0 auto; }
  @media screen and (max-width: 1050px) {
    h1 {
      font-size: 4rem; } }
  @media screen and (max-width: 769px) {
    h1 {
      font-size: 3.25rem; } }
  @media screen and (max-width: 480px) {
    h1 {
      font-size: 2.6rem; } }

h3 {
  font-size: 1.5rem;
  font-weight: normal;
  margin-bottom: 10px; }

h4 {
  font-size: 1.25rem;
  line-height: 1.4; }

ul {
  list-style: none;
  padding: 0; }
  ul li {
    padding: 10px; }
    ul li a {
      display: inline-block;
      width: 100%; }

span,
p {
  line-height: 1.5rem; }

p {
  margin: 0;
  max-width: 500px;
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    p {
      padding: 30px 0; } }

p:empty,
p:blank,
.text p:empty,
.text p:blank {
  display: none !important; }

p:empty {
  display: none; }

.text ul {
  margin: 0 0 60px 0; }

.button-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: url("../img/checkers-button.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 234px;
  transition: all 0.25s linear;
  width: 199px; }
  .button-container button {
    background: #fcca18;
    border: none;
    font-weight: bold;
    line-height: 1.5rem;
    min-height: 100px;
    padding: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 100%; }
    .button-container button:focus {
      outline: none; }
  .button-container.disabled {
    background: url("../img/checkers-button-disabled.png");
    cursor: not-allowed; }
    .button-container.disabled button {
      background: #d1d2d4;
      color: black; }
      .button-container.disabled button:hover {
        color: black; }
    .button-container.disabled:hover {
      background-position: 0 0; }
  .button-container:hover {
    background-position: 30px 0;
    cursor: pointer; }
    .button-container:hover button {
      cursor: pointer; }

.image-container img {
  height: auto;
  max-width: 100%;
  width: 100%; }

section {
  display: block;
  margin: 0 auto;
  max-width: 1300px;
  padding: 80px 60px;
  position: relative; }
  section.full {
    max-width: 100%;
    padding: 90px 0; }
  section:last-child {
    padding-bottom: 120px; }
  @media screen and (max-width: 1050px) {
    section {
      padding: 80px 30px;
      width: calc(100% - 60px); } }
  @media screen and (max-width: 769px) {
    section:first-child {
      padding-top: 120px; } }
  @media screen and (max-width: 480px) {
    section {
      padding: 60px 30px;
      width: calc(100% - 60px); }
      section.full {
        padding: 60px 0; } }

svg.checkers-long,
img.checkers-long {
  height: 40px; }
  svg.checkers-long.yellow rect,
  svg.checkers-long.yellow polygon,
  img.checkers-long.yellow rect,
  img.checkers-long.yellow polygon {
    fill: #fcca18; }

.background-image {
  background-size: cover;
  background-position: center;
  width: 100%; }

#footer {
  background: #32453f;
  bottom: 0;
  bottom: calc(-100vh + 60px);
  color: #f2f2f0;
  height: 100vh;
  left: 0;
  right: 0;
  text-transform: uppercase;
  transition: bottom 0.5s linear;
  padding-left: 30px;
  padding-right: 30px;
  position: sticky;
  width: calc(100% - 60px);
  z-index: 10; }
  #footer a.cta-link {
    min-width: 300px; }
    #footer a.cta-link .cta-link-container {
      color: #f2f2f0;
      max-width: 100%;
      padding: 5px 10px;
      width: 100%; }
      #footer a.cta-link .cta-link-container:after {
        border-color: #fcca18; }
  @media screen and (max-width: 10 50px) {
    #footer {
      padding-left: 30px;
      padding-right: 30px;
      position: sticky;
      width: calc(100% - 60px); } }
  @media screen and (max-width: 769px) {
    #footer {
      bottom: calc(-200vh + 60px);
      height: 200vh; } }
  #footer .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%; }
    #footer .row .column {
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start;
      -ms-align-items: flex-start;
      align-items: flex-start;
      -webkit-align-content: flex-start;
      -moz-align-content: flex-start;
      -ms-align-content: flex-start;
      align-content: flex-start;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-width: 300px;
      padding: 15px 0; }
      #footer .row .column:last-child {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        padding: 10px 0; }
      #footer .row .column .social-links {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 60px; }
        #footer .row .column .social-links a {
          margin: 0 20px 0 0;
          height: 30px;
          width: 30px; }
          #footer .row .column .social-links a svg path {
            fill: #f2f2f0; }
          #footer .row .column .social-links a:hover svg path {
            fill: #fcca18; }
    @media screen and (max-width: 769px) {
      #footer .row.content-row .column {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        width: 100%; }
        #footer .row.content-row .column.map {
          margin-top: 0; } }
  #footer.open {
    bottom: 0; }
  #footer.open .drawer-button .arrow-down, #footer.scroll-to-open .drawer-button .arrow-down {
    transform: rotate(180deg); }
  #footer.scrollable {
    bottom: 0;
    position: relative; }
  #footer a {
    color: #f2f2f0;
    text-transform: lowercase; }
    #footer a:hover {
      color: #fcca18; }
  #footer h3 {
    margin-top: 60px; }
  @media screen and (max-width: 769px) {
    #footer .contact-container {
      margin-top: 0; } }
  @media screen and (max-width: 550px) {
    #footer .leasing-quick-link {
      margin-top: 60px; } }
  #footer .checker-container {
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 1050px) {
      #footer .checker-container {
        left: -35px; } }
  #footer .drawer-button {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    cursor: pointer;
    width: 100%; }
    #footer .drawer-button .arrow-down {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 30px solid #fcca18;
      height: 0;
      transition: transform 0.5s linear;
      width: 0; }
    #footer .drawer-button span {
      padding-left: 10px; }
    #footer .drawer-button h4 {
      font-size: 1rem; }
  #footer #map {
    margin: 60px 0;
    width: 50vw;
    height: 70vh; }
    @media screen and (max-width: 769px) {
      #footer #map {
        width: 100%; } }

#header .logo {
  left: 30px;
  position: fixed;
  top: 30px;
  transition: all 0.5s linear;
  width: 60px;
  z-index: 9; }
  #header .logo svg {
    height: 100px;
    transition: all 0.5s linear;
    width: 100px; }
    #header .logo svg path,
    #header .logo svg polygon {
      fill: #404041; }
  #header .logo.small {
    left: 10px;
    width: 20px; }
    #header .logo.small svg {
      height: 20px;
      width: 20px; }
    @media screen and (max-width: 769px) {
      #header .logo.small {
        left: 30px; }
        #header .logo.small svg {
          height: 50px;
          width: 50px; } }

#main {
  display: block;
  opacity: 1;
  transition: opacity 0.5s linear; }
  #main > div {
    overflow: hidden;
    position: relative;
    width: calc(100% - 150px); }
    @media screen and (max-width: 769px) {
      #main > div {
        width: 100%; } }
    #main > div#home {
      margin-left: 0; }
      @media screen and (max-width: 1050px) {
        #main > div#home {
          width: calc(100% - 107px); } }
      @media screen and (max-width: 769px) {
        #main > div#home {
          width: 100%; }
          #main > div#home .checkers-long {
            bottom: 0; } }
      #main > div#home .home-intro {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end;
        width: 100%; }
        @media screen and (max-width: 768px) {
          #main > div#home .home-intro {
            width: calc(100% - 60px); } }
        #main > div#home .home-intro .checkers-long {
          position: absolute;
          right: 60px; }
        #main > div#home .home-intro .home-intro-copy {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          justify-content: flex-end;
          -ms-flex-pack: flex-end;
          text-align: right;
          width: 25%; }
          @media screen and (max-width: 768px) {
            #main > div#home .home-intro .home-intro-copy {
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              justify-content: flex-start;
              -ms-flex-pack: flex-start;
              order: 2;
              padding-top: 30px;
              text-align: left;
              width: 100%; } }
          #main > div#home .home-intro .home-intro-copy h4 {
            margin-bottom: 60px; }
        #main > div#home .home-intro .home-intro-image {
          height: 70vh;
          margin-left: 60px;
          width: calc(75% - 120px); }
          @media screen and (max-width: 768px) {
            #main > div#home .home-intro .home-intro-image {
              height: auto;
              margin-left: 0;
              width: 100%;
              order: 1; } }
        #main > div#home .home-intro svg.checkers-long {
          bottom: 70px;
          position: absolute;
          right: 0; }
          @media screen and (max-width: 480px) {
            #main > div#home .home-intro svg.checkers-long {
              bottom: 0; } }
      #main > div#home .about-intro {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #main > div#home .about-intro h1 {
          padding-bottom: 60px;
          text-align: right;
          width: 100%; }
          @media screen and (max-width: 480px) {
            #main > div#home .about-intro h1 {
              padding-bottom: 30px; } }
        #main > div#home .about-intro .image-container {
          min-height: 50vh;
          width: 50%; }
          @media screen and (max-width: 480px) {
            #main > div#home .about-intro .image-container {
              width: 100%; } }
        #main > div#home .about-intro .about-content {
          padding-left: 60px;
          width: calc(50% - 60px); }
          #main > div#home .about-intro .about-content p:first-child {
            padding-top: 0; }
          @media screen and (max-width: 480px) {
            #main > div#home .about-intro .about-content {
              padding-left: 0;
              width: 100%; }
              #main > div#home .about-intro .about-content p:first-child {
                padding-top: 30px; } }
      #main > div#home #campus-map {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        height: calc(100vh - 120px);
        margin: 0 0 90px 0;
        min-height: 500px; }
        @media screen and (max-width: 550px) {
          #main > div#home #campus-map {
            height: auto;
            margin: 0 auto;
            width: calc(100% - 30px); } }
        #main > div#home #campus-map .campus-map-container {
          position: relative;
          max-width: 800px; }
        #main > div#home #campus-map .building-link {
          display: block;
          margin-top: 10px;
          padding: 5px 0; }
          #main > div#home #campus-map .building-link:after {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition: transform 250ms ease-in-out;
            -moz-transition: transform 250ms ease-in-out;
            -ms-transition: transform 250ms ease-in-out;
            -o-transition: transform 250ms ease-in-out;
            transition: transform 250ms ease-in-out;
            border-bottom: solid 3px #195e41;
            content: "";
            display: block;
            margin-bottom: -2px;
            padding-top: 5px;
            transform-origin: 0% 50%; }
          #main > div#home #campus-map .building-link:hover:after {
            -webkit-transform: scaleX(0);
            -moz-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            transform-origin: 100% 50%; }
        #main > div#home #campus-map .map-title {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-start;
          -moz-align-items: flex-start;
          -ms-align-items: flex-start;
          align-items: flex-start;
          width: 100%; }
          #main > div#home #campus-map .map-title .title-container {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-left: 30px; }
          #main > div#home #campus-map .map-title p {
            padding: 10px 0 0 0;
            font-style: italic;
            font-weight: 600; }
          #main > div#home #campus-map .map-title .checkers-long {
            margin-left: -150px;
            padding-top: 30px; }
          @media screen and (max-width: 480px) {
            #main > div#home #campus-map .map-title {
              -webkit-flex-wrap: wrap;
              -moz-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
              #main > div#home #campus-map .map-title h1 {
                width: 100%;
                margin-left: 0; } }
        #main > div#home #campus-map .one-half {
          flex: 2 1;
          height: 100%; }
          @media screen and (max-width: 550px) {
            #main > div#home #campus-map .one-half {
              flex: 1 100%;
              height: 47vh;
              order: 1; } }
        #main > div#home #campus-map .flex-wrapper {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: row wrap;
          -moz-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -ms-flex-pack: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center; }
        #main > div#home #campus-map .mobile-campus-text {
          display: none;
          min-width: 100%; }
          #main > div#home #campus-map .mobile-campus-text ul {
            padding: 0 60px 30px 60px; }
            #main > div#home #campus-map .mobile-campus-text ul li {
              font-size: 12px;
              display: inline;
              padding-right: 10px; }
        #main > div#home #campus-map .map-to-text {
          height: 350px;
          margin-top: 60px;
          padding-left: 60px;
          z-index: 3; }
          @media screen and (max-width: 550px) {
            #main > div#home #campus-map .map-to-text {
              height: auto;
              margin-top: -30px;
              padding-bottom: 30px;
              padding-left: 0; } }
        #main > div#home #campus-map .campus-map .one-half {
          position: relative; }
        #main > div#home #campus-map .map-key {
          -webkit-align-self: flex-end;
          -moz-align-self: flex-end;
          -ms-align-self: flex-end;
          align-self: flex-end; }
          #main > div#home #campus-map .map-key .key-row div {
            display: inline;
            font-size: 14px; }
            #main > div#home #campus-map .map-key .key-row div.river {
              background: #59c7da;
              height: 4px;
              width: 100px;
              display: inline-block; }
            #main > div#home #campus-map .map-key .key-row div.green {
              background: #d2dc3e;
              height: 4px;
              width: 100px;
              display: inline-block; }
        #main > div#home #campus-map #campus-map-svg {
          position: absolute;
          height: calc(100vh - 100px);
          min-height: 600px;
          right: -30px;
          top: -30px; }
          @media screen and (max-width: 769px) {
            #main > div#home #campus-map #campus-map-svg {
              height: 81vw;
              top: 30px; } }
          @media screen and (max-width: 550px) {
            #main > div#home #campus-map #campus-map-svg {
              min-height: 400px;
              height: auto;
              top: -30px;
              right: 0;
              width: 100%; } }
        #main > div#home #campus-map .campus-text {
          -webkit-justify-content: left;
          -moz-justify-content: left;
          -ms-justify-content: left;
          justify-content: left;
          -ms-flex-pack: left;
          min-width: 200px;
          max-width: 400px; }
          @media screen and (max-width: 550px) {
            #main > div#home #campus-map .campus-text {
              height: auto;
              order: 2;
              width: 100%;
              max-width: 100%;
              min-width: 100%; } }
  @media screen and (max-width: 550px) and (max-width: 480px) {
    #main > div#home #campus-map .campus-text {
      width: calc(100% - 30px);
      max-width: calc(100% - 30px);
      min-width: calc(100% - 30px);
      padding: 0 30px; } }

          #main > div#home #campus-map .campus-text h3,
          #main > div#home #campus-map .campus-text h2 {
            line-height: 1em; }
          #main > div#home #campus-map .campus-text .campus-text-container p {
            padding: 10px 0; }
          #main > div#home #campus-map .campus-text ul {
            list-style: none;
            margin: 0;
            padding: 0 0 0 60px;
            z-index: 1; }
            @media screen and (max-width: 550px) {
              #main > div#home #campus-map .campus-text ul {
                padding-left: 0; } }
            #main > div#home #campus-map .campus-text ul li {
              display: inline-block;
              padding: 0 10px 0 0; }
    #main > div#work {
      margin-left: 76px; }
      @media screen and (max-width: 769px) {
        #main > div#work {
          margin-left: 0; } }
      #main > div#work .work-intro .work-title,
      #main > div#work .work-intro .benefits-title,
      #main > div#work .work-benefits .work-title,
      #main > div#work .work-benefits .benefits-title {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative; }
        #main > div#work .work-intro .work-title h1,
        #main > div#work .work-intro .benefits-title h1,
        #main > div#work .work-benefits .work-title h1,
        #main > div#work .work-benefits .benefits-title h1 {
          width: 75%;
          margin: 0; }
        @media screen and (max-width: 480px) {
          #main > div#work .work-intro .work-title h1,
          #main > div#work .work-intro .benefits-title h1,
          #main > div#work .work-benefits .work-title h1,
          #main > div#work .work-benefits .benefits-title h1 {
            width: 100%; }
          #main > div#work .work-intro .work-title .checkers-long,
          #main > div#work .work-intro .benefits-title .checkers-long,
          #main > div#work .work-benefits .work-title .checkers-long,
          #main > div#work .work-benefits .benefits-title .checkers-long {
            bottom: -60px;
            position: absolute; } }
      #main > div#work .work-intro .work-intro-copy,
      #main > div#work .work-intro .benefits-intro-copy,
      #main > div#work .work-benefits .work-intro-copy,
      #main > div#work .work-benefits .benefits-intro-copy {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 60px;
        position: relative; }
        #main > div#work .work-intro .work-intro-copy .text p:first-child,
        #main > div#work .work-intro .benefits-intro-copy .text p:first-child,
        #main > div#work .work-benefits .work-intro-copy .text p:first-child,
        #main > div#work .work-benefits .benefits-intro-copy .text p:first-child {
          padding-top: 0;
          padding-bottom: 30px; }
        #main > div#work .work-intro .work-intro-copy .text,
        #main > div#work .work-intro .benefits-intro-copy .text,
        #main > div#work .work-benefits .work-intro-copy .text,
        #main > div#work .work-benefits .benefits-intro-copy .text {
          padding: 0;
          width: 25%; }
          #main > div#work .work-intro .work-intro-copy .text ul li,
          #main > div#work .work-intro .benefits-intro-copy .text ul li,
          #main > div#work .work-benefits .work-intro-copy .text ul li,
          #main > div#work .work-benefits .benefits-intro-copy .text ul li {
            position: relative; }
            #main > div#work .work-intro .work-intro-copy .text ul li:before,
            #main > div#work .work-intro .benefits-intro-copy .text ul li:before,
            #main > div#work .work-benefits .work-intro-copy .text ul li:before,
            #main > div#work .work-benefits .benefits-intro-copy .text ul li:before {
              content: "+";
              color: #fcca18;
              display: inline-block;
              font-weight: 800;
              font-size: 2em;
              left: 0;
              line-height: 1rem;
              position: absolute;
              top: 14px;
              width: 1em; }
            #main > div#work .work-intro .work-intro-copy .text ul li p,
            #main > div#work .work-intro .work-intro-copy .text ul li p:first-child,
            #main > div#work .work-intro .benefits-intro-copy .text ul li p,
            #main > div#work .work-intro .benefits-intro-copy .text ul li p:first-child,
            #main > div#work .work-benefits .work-intro-copy .text ul li p,
            #main > div#work .work-benefits .work-intro-copy .text ul li p:first-child,
            #main > div#work .work-benefits .benefits-intro-copy .text ul li p,
            #main > div#work .work-benefits .benefits-intro-copy .text ul li p:first-child {
              display: inline-block;
              padding: 0 0 0 26px;
              width: 100%; }
          @media screen and (max-width: 769px) {
            #main > div#work .work-intro .work-intro-copy .text,
            #main > div#work .work-intro .benefits-intro-copy .text,
            #main > div#work .work-benefits .work-intro-copy .text,
            #main > div#work .work-benefits .benefits-intro-copy .text {
              width: 33.33%; } }
          @media screen and (max-width: 480px) {
            #main > div#work .work-intro .work-intro-copy .text,
            #main > div#work .work-intro .benefits-intro-copy .text,
            #main > div#work .work-benefits .work-intro-copy .text,
            #main > div#work .work-benefits .benefits-intro-copy .text {
              order: 2;
              padding-top: 30px;
              width: 100%; } }
        @media screen and (max-width: 480px) {
          #main > div#work .work-intro .work-intro-copy,
          #main > div#work .work-intro .benefits-intro-copy,
          #main > div#work .work-benefits .work-intro-copy,
          #main > div#work .work-benefits .benefits-intro-copy {
            padding-top: 30px; } }
      #main > div#work .work-intro .image-container,
      #main > div#work .work-benefits .image-container {
        height: calc(100% + 96px);
        width: calc(75% - 60px);
        padding-left: 60px;
        position: absolute;
        right: 0;
        top: -96px;
        z-index: -1; }
        @media screen and (max-width: 769px) {
          #main > div#work .work-intro .image-container,
          #main > div#work .work-benefits .image-container {
            padding-left: 30px;
            width: calc(66.66% - 30px); } }
        @media screen and (max-width: 480px) {
          #main > div#work .work-intro .image-container,
          #main > div#work .work-benefits .image-container {
            order: 1;
            position: relative;
            top: 0;
            width: 100%; } }
        #main > div#work .work-intro .image-container .primary-image,
        #main > div#work .work-benefits .image-container .primary-image {
          height: 70vh;
          max-height: 100%; }
          @media screen and (max-width: 480px) {
            #main > div#work .work-intro .image-container .primary-image,
            #main > div#work .work-benefits .image-container .primary-image {
              height: 30vh; } }
      #main > div#work .work-benefits .benefits-title h1 {
        margin: 0;
        width: 100%; }
      #main > div#work .work-benefits .benefits-title .checkers-long {
        position: absolute;
        top: -60px;
        left: 0; }
        @media screen and (max-width: 769px) {
          #main > div#work .work-benefits .benefits-title .checkers-long {
            top: -60px; } }
      #main > div#work .work-spaces .spaces-features {
        padding-top: 60px; }
        #main > div#work .work-spaces .spaces-features p:first-of-type {
          padding-top: 0;
          padding-bottom: 30px; }
          #main > div#work .work-spaces .spaces-features p:first-of-type:empty, #main > div#work .work-spaces .spaces-features p:first-of-type:blank {
            display: none; }
        #main > div#work .work-spaces .spaces-features ul:not(.slick-dots) {
          margin-top: 0;
          margin-bottom: 60px; }
          @media screen and (max-width: 480px) {
            #main > div#work .work-spaces .spaces-features ul:not(.slick-dots) {
              column-count: 1; } }
          #main > div#work .work-spaces .spaces-features ul:not(.slick-dots) li {
            position: relative; }
            #main > div#work .work-spaces .spaces-features ul:not(.slick-dots) li:before {
              content: "+";
              color: #fcca18;
              display: inline-block;
              font-weight: 800;
              font-size: 2em;
              left: 0;
              line-height: 1rem;
              position: absolute;
              top: 14px;
              width: 1em; }
            #main > div#work .work-spaces .spaces-features ul:not(.slick-dots) li p {
              display: inline-block;
              padding-left: 26px; }
      #main > div#work .work-spaces .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #main > div#work .work-spaces .columns .column-item {
          margin-right: 60px;
          padding-bottom: 30px;
          width: calc(33.33% - 60px); }
          #main > div#work .work-spaces .columns .column-item li {
            padding: 10px 0; }
            #main > div#work .work-spaces .columns .column-item li p {
              display: inline;
              padding: 0; }
            #main > div#work .work-spaces .columns .column-item li:before {
              content: "- "; }
          @media screen and (max-width: 1050px) {
            #main > div#work .work-spaces .columns .column-item {
              width: calc(50% - 60px); } }
          @media screen and (max-width: 480px) {
            #main > div#work .work-spaces .columns .column-item {
              margin-right: 0;
              width: 100%; } }
          #main > div#work .work-spaces .columns .column-item:last-child {
            margin-right: 0; }
          #main > div#work .work-spaces .columns .column-item .space-image-container {
            height: 300px;
            margin-bottom: 30px;
            overflow: hidden; }
          #main > div#work .work-spaces .columns .column-item p {
            padding-top: 30px;
            padding-bottom: 30px; }
      #main > div#work .work-buildings {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between; }
        #main > div#work .work-buildings .column-left {
          width: 100%;
          max-width: 1000px;
          padding-left: 60px; }
          @media screen and (max-width: 1050px) {
            #main > div#work .work-buildings .column-left {
              padding-left: 30px;
              width: calc(75% - 60px); } }
          @media screen and (max-width: 480px) {
            #main > div#work .work-buildings .column-left {
              width: 100%; } }
          #main > div#work .work-buildings .column-left .cta-link {
            margin: 60px 0 60px 0; }
          #main > div#work .work-buildings .column-left .columns {
            column-count: 2;
            margin-top: 60px; }
            @media screen and (max-width: 1050px) {
              #main > div#work .work-buildings .column-left .columns {
                column-count: 2; } }
            #main > div#work .work-buildings .column-left .columns .column-item {
              -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
              break-inside: avoid;
              margin: 0 60px 60px 0; }
              #main > div#work .work-buildings .column-left .columns .column-item p {
                padding: 0; }
              @media screen and (max-width: 1050px) {
                #main > div#work .work-buildings .column-left .columns .column-item {
                  margin: 0 30px 60px 0; } }
              @media screen and (max-width: 480px) {
                #main > div#work .work-buildings .column-left .columns .column-item {
                  margin: 0 15px 60px 0;
                  padding: 0; } }
              #main > div#work .work-buildings .column-left .columns .column-item h4 {
                margin-bottom: 15px; }
              #main > div#work .work-buildings .column-left .columns .column-item .building-link {
                margin-top: 10px;
                max-width: 250px;
                padding: 5px 0; }
                #main > div#work .work-buildings .column-left .columns .column-item .building-link:after {
                  -webkit-transform: scaleX(1);
                  -moz-transform: scaleX(1);
                  -ms-transform: scaleX(1);
                  transform: scaleX(1);
                  -webkit-transition: transform 250ms ease-in-out;
                  -moz-transition: transform 250ms ease-in-out;
                  -ms-transition: transform 250ms ease-in-out;
                  -o-transition: transform 250ms ease-in-out;
                  transition: transform 250ms ease-in-out;
                  border-bottom: solid 3px #195e41;
                  content: "";
                  display: block;
                  margin-bottom: -2px;
                  padding-top: 5px;
                  transform-origin: 0% 50%; }
                #main > div#work .work-buildings .column-left .columns .column-item .building-link:hover:after {
                  -webkit-transform: scaleX(0);
                  -moz-transform: scaleX(0);
                  -ms-transform: scaleX(0);
                  transform: scaleX(0);
                  transform-origin: 100% 50%; }
      @media only screen and (max-width: 769px) {
        #main > div#work .work-amenities .row,
        #main > div#work .work-spaces .row {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #main > div#work .work-amenities .row .ameniteis-images,
          #main > div#work .work-amenities .row .spaces-images,
          #main > div#work .work-spaces .row .ameniteis-images,
          #main > div#work .work-spaces .row .spaces-images {
            order: 1; }
          #main > div#work .work-amenities .row .work-spaces-copy,
          #main > div#work .work-amenities .row .work-amenities-copy,
          #main > div#work .work-spaces .row .work-spaces-copy,
          #main > div#work .work-spaces .row .work-amenities-copy {
            order: 2; } }
      #main > div#work .work-amenities .work-amenities-copy ul li,
      #main > div#work .work-spaces .work-amenities-copy ul li {
        position: relative; }
        #main > div#work .work-amenities .work-amenities-copy ul li:before,
        #main > div#work .work-spaces .work-amenities-copy ul li:before {
          content: "+";
          color: #fcca18;
          display: inline-block;
          font-weight: 800;
          font-size: 2em;
          left: 0;
          line-height: 1rem;
          position: absolute;
          top: 14px;
          width: 1em; }
        #main > div#work .work-amenities .work-amenities-copy ul li p,
        #main > div#work .work-spaces .work-amenities-copy ul li p {
          display: inline-block;
          padding: 0 0 0 26px;
          width: 100%; }
      #main > div#work .work-amenities .row,
      #main > div#work .work-spaces .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        #main > div#work .work-amenities .row h1,
        #main > div#work .work-spaces .row h1 {
          margin: 0; }
      #main > div#work .work-amenities p:empty,
      #main > div#work .work-amenities p:blank,
      #main > div#work .work-spaces p:empty,
      #main > div#work .work-spaces p:blank {
        display: none; }
      #main > div#work .work-amenities .work-amenities-copy p:last-child,
      #main > div#work .work-amenities .work-spaces-copy p:last-child,
      #main > div#work .work-spaces .work-amenities-copy p:last-child,
      #main > div#work .work-spaces .work-spaces-copy p:last-child {
        padding-bottom: 0; }
      @media screen and (max-width: 769px) {
        #main > div#work .work-amenities,
        #main > div#work .work-spaces {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
      @media screen and (max-width: 480px) {
        #main > div#work .work-amenities,
        #main > div#work .work-spaces {
          padding-top: 90px; } }
      #main > div#work .work-amenities .column-left,
      #main > div#work .work-spaces .column-left {
        width: 33.33%; }
        @media screen and (max-width: 769px) {
          #main > div#work .work-amenities .column-left,
          #main > div#work .work-spaces .column-left {
            width: calc(100% - 150px); }
            #main > div#work .work-amenities .column-left p,
            #main > div#work .work-spaces .column-left p {
              padding-right: 30px; } }
        @media screen and (max-width: 480px) {
          #main > div#work .work-amenities .column-left,
          #main > div#work .work-spaces .column-left {
            width: 100%; } }
        #main > div#work .work-amenities .column-left .button-container,
        #main > div#work .work-spaces .column-left .button-container {
          position: absolute;
          bottom: -30px; }
          @media screen and (max-width: 769px) {
            #main > div#work .work-amenities .column-left .button-container,
            #main > div#work .work-spaces .column-left .button-container {
              right: 0;
              top: 180px; } }
          @media screen and (max-width: 480px) {
            #main > div#work .work-amenities .column-left .button-container,
            #main > div#work .work-spaces .column-left .button-container {
              position: relative;
              top: 0; } }
          #main > div#work .work-amenities .column-left .button-container button,
          #main > div#work .work-spaces .column-left .button-container button {
            text-align: center; }
      #main > div#work .work-amenities .amenities-images,
      #main > div#work .work-amenities .spaces-images,
      #main > div#work .work-spaces .amenities-images,
      #main > div#work .work-spaces .spaces-images {
        width: 75%;
        margin-left: 60px;
        margin-top: 30px; }
        @media screen and (max-width: 1050px) {
          #main > div#work .work-amenities .amenities-images,
          #main > div#work .work-amenities .spaces-images,
          #main > div#work .work-spaces .amenities-images,
          #main > div#work .work-spaces .spaces-images {
            margin-left: 30px;
            margin-top: 30px;
            width: 66.66%; } }
        @media screen and (max-width: 769px) {
          #main > div#work .work-amenities .amenities-images,
          #main > div#work .work-amenities .spaces-images,
          #main > div#work .work-spaces .amenities-images,
          #main > div#work .work-spaces .spaces-images {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          #main > div#work .work-amenities .amenities-images,
          #main > div#work .work-amenities .spaces-images,
          #main > div#work .work-spaces .amenities-images,
          #main > div#work .work-spaces .spaces-images {
            margin-left: 0; } }
        #main > div#work .work-amenities .amenities-images .image-slide-wrapper,
        #main > div#work .work-amenities .spaces-images .image-slide-wrapper,
        #main > div#work .work-spaces .amenities-images .image-slide-wrapper,
        #main > div#work .work-spaces .spaces-images .image-slide-wrapper {
          height: 55vh; }
          @media screen and (max-width: 480px) {
            #main > div#work .work-amenities .amenities-images .image-slide-wrapper,
            #main > div#work .work-amenities .spaces-images .image-slide-wrapper,
            #main > div#work .work-spaces .amenities-images .image-slide-wrapper,
            #main > div#work .work-spaces .spaces-images .image-slide-wrapper {
              height: 30vh; } }
          #main > div#work .work-amenities .amenities-images .image-slide-wrapper .overflow-hidden,
          #main > div#work .work-amenities .spaces-images .image-slide-wrapper .overflow-hidden,
          #main > div#work .work-spaces .amenities-images .image-slide-wrapper .overflow-hidden,
          #main > div#work .work-spaces .spaces-images .image-slide-wrapper .overflow-hidden {
            height: 55vh; }
            @media screen and (max-width: 480px) {
              #main > div#work .work-amenities .amenities-images .image-slide-wrapper .overflow-hidden,
              #main > div#work .work-amenities .spaces-images .image-slide-wrapper .overflow-hidden,
              #main > div#work .work-spaces .amenities-images .image-slide-wrapper .overflow-hidden,
              #main > div#work .work-spaces .spaces-images .image-slide-wrapper .overflow-hidden {
                height: 30vh; } }
          #main > div#work .work-amenities .amenities-images .image-slide-wrapper .checkers-long,
          #main > div#work .work-amenities .spaces-images .image-slide-wrapper .checkers-long,
          #main > div#work .work-spaces .amenities-images .image-slide-wrapper .checkers-long,
          #main > div#work .work-spaces .spaces-images .image-slide-wrapper .checkers-long {
            position: absolute;
            top: 30px;
            right: 0;
            z-index: 1000; }
        #main > div#work .work-amenities .amenities-images .amenities-links,
        #main > div#work .work-amenities .amenities-images .space-links,
        #main > div#work .work-amenities .spaces-images .amenities-links,
        #main > div#work .work-amenities .spaces-images .space-links,
        #main > div#work .work-spaces .amenities-images .amenities-links,
        #main > div#work .work-spaces .amenities-images .space-links,
        #main > div#work .work-spaces .spaces-images .amenities-links,
        #main > div#work .work-spaces .spaces-images .space-links {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: flex-end;
          -moz-align-items: flex-end;
          -ms-align-items: flex-end;
          align-items: flex-end;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 60px;
          width: 100%; }
          #main > div#work .work-amenities .amenities-images .amenities-links a,
          #main > div#work .work-amenities .amenities-images .space-links a,
          #main > div#work .work-amenities .spaces-images .amenities-links a,
          #main > div#work .work-amenities .spaces-images .space-links a,
          #main > div#work .work-spaces .amenities-images .amenities-links a,
          #main > div#work .work-spaces .amenities-images .space-links a,
          #main > div#work .work-spaces .spaces-images .amenities-links a,
          #main > div#work .work-spaces .spaces-images .space-links a {
            min-width: 300px; }
      #main > div#work .work-amenities .column-right,
      #main > div#work .work-spaces .column-right {
        width: calc(75% - 60px);
        padding-left: 60px;
        padding-top: 120px;
        position: relative; }
        #main > div#work .work-amenities .column-right .work-amenities-image,
        #main > div#work .work-spaces .column-right .work-amenities-image {
          height: 70vh; }
        #main > div#work .work-amenities .column-right svg,
        #main > div#work .work-spaces .column-right svg {
          position: absolute;
          right: 0;
          top: 90px; }
    #main > div#live {
      margin-left: 114px; }
      @media screen and (max-width: 769px) {
        #main > div#live {
          margin-left: 0; } }
      #main > div#live .live-intro .live-intro-image {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        height: 60vh;
        width: 75%;
        position: relative; }
        @media screen and (max-width: 769px) {
          #main > div#live .live-intro .live-intro-image {
            width: 100%;
            height: 40vh; } }
        #main > div#live .live-intro .live-intro-image .checkers-long {
          position: absolute;
          top: -30px;
          left: 60px;
          width: auto;
          z-index: 100; }
        #main > div#live .live-intro .live-intro-image img {
          max-height: 100%; }
      #main > div#live .live-intro .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        margin-top: 30px; }
        #main > div#live .live-intro .columns .column-left {
          width: 25%;
          min-width: 199px; }
          @media screen and (max-width: 769px) {
            #main > div#live .live-intro .columns .column-left {
              margin-top: 30px;
              order: 2;
              width: 100%; } }
          #main > div#live .live-intro .columns .column-left .button-container button {
            text-align: left; }
        #main > div#live .live-intro .columns .column-right {
          margin-top: -120px;
          width: 75%;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-align-items: flex-end;
          -moz-align-items: flex-end;
          -ms-align-items: flex-end;
          align-items: flex-end;
          -webkit-justify-content: flex-end;
          -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
          justify-content: flex-end;
          -ms-flex-pack: flex-end; }
          @media screen and (max-width: 769px) {
            #main > div#live .live-intro .columns .column-right {
              -webkit-align-items: flex-start;
              -moz-align-items: flex-start;
              -ms-align-items: flex-start;
              align-items: flex-start;
              -webkit-justify-content: flex-start;
              -moz-justify-content: flex-start;
              -ms-justify-content: flex-start;
              justify-content: flex-start;
              -ms-flex-pack: flex-start;
              margin-top: 0px;
              order: 1;
              width: 100%; } }
          #main > div#live .live-intro .columns .column-right h1,
          #main > div#live .live-intro .columns .column-right h4 {
            text-align: right; }
            @media screen and (max-width: 769px) {
              #main > div#live .live-intro .columns .column-right h1,
              #main > div#live .live-intro .columns .column-right h4 {
                text-align: left; } }
          #main > div#live .live-intro .columns .column-right h1 {
            margin: 0 0 60px 0; }
            @media screen and (max-width: 769px) {
              #main > div#live .live-intro .columns .column-right h1 {
                margin-bottom: 30px; } }
      #main > div#live .live-images {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        #main > div#live .live-images .image-slide-wrapper {
          padding-top: 0; }
      #main > div#live .live-buildings .building-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 180px 0; }
        @media screen and (max-width: 480px) {
          #main > div#live .live-buildings .building-container:not(first-child) {
            padding-top: 60px; } }
        #main > div#live .live-buildings .building-container .checkers-long {
          float: right; }
        #main > div#live .live-buildings .building-container .column-one {
          padding-bottom: 60px;
          position: relative;
          width: 50%; }
          @media screen and (max-width: 480px) {
            #main > div#live .live-buildings .building-container .column-one {
              width: 100%; } }
          #main > div#live .live-buildings .building-container .column-one a .building-link h4 {
            color: #f2f2f0; }
          #main > div#live .live-buildings .building-container .column-one a:hover .building-link {
            background: #195e41;
            cursor: pointer; }
          #main > div#live .live-buildings .building-container .column-one .button-container {
            bottom: -210px;
            position: absolute; }
            @media screen and (max-width: 480px) {
              #main > div#live .live-buildings .building-container .column-one .button-container {
                bottom: 0;
                position: relative; } }
        #main > div#live .live-buildings .building-container .column-two {
          margin-left: 60px;
          position: relative;
          width: calc(50% - 60px); }
          @media screen and (max-width: 480px) {
            #main > div#live .live-buildings .building-container .column-two {
              width: 100%; } }
          #main > div#live .live-buildings .building-container .column-two .small-image {
            height: 100%;
            position: absolute;
            top: 0px; }
            @media screen and (max-width: 769px) {
              #main > div#live .live-buildings .building-container .column-two .small-image {
                height: 50vh; } }
            @media screen and (max-width: 480px) {
              #main > div#live .live-buildings .building-container .column-two .small-image {
                height: 30vh;
                top: 32vh; } }
        #main > div#live .live-buildings .building-container .row {
          margin: 0 auto;
          padding-top: 30px;
          width: 80%; }
          @media screen and (max-width: 480px) {
            #main > div#live .live-buildings .building-container .row {
              width: 100%; } }
          #main > div#live .live-buildings .building-container .row .large-image {
            height: 70vh; }
            @media screen and (max-width: 769px) {
              #main > div#live .live-buildings .building-container .row .large-image {
                height: 40vh; } }
        #main > div#live .live-buildings .building-container:nth-child(even) .svg-row {
          order: 1; }
        #main > div#live .live-buildings .building-container:nth-child(even) .column-two {
          margin-left: 0;
          margin-right: 30px;
          order: 2; }
        #main > div#live .live-buildings .building-container:nth-child(even) .column-one {
          order: 3; }
        #main > div#live .live-buildings .building-container:nth-child(even) .image-row {
          order: 4; }
        @media screen and (max-width: 480px) {
          #main > div#live .live-buildings .building-container:nth-child(even) .column-two {
            order: 3; }
          #main > div#live .live-buildings .building-container:nth-child(even) .column-one {
            order: 2; }
          #main > div#live .live-buildings .building-container:nth-child(even) .image-row {
            order: 4; } }
    #main > div#community {
      margin-left: 151px; }
      @media screen and (max-width: 769px) {
        #main > div#community {
          margin-left: 0; } }
      #main > div#community .community-intro {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #main > div#community .community-intro .intro-text {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-flow: row;
          -moz-flex-flow: row;
          -ms-flex-flow: row;
          flex-flow: row;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          width: 100%; }
          #main > div#community .community-intro .intro-text .cta-links {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: row;
            -moz-flex-flow: row;
            -ms-flex-flow: row;
            flex-flow: row;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%; }
            #main > div#community .community-intro .intro-text .cta-links a.cta-link {
              min-width: 300px;
              margin-right: 30px; }
              #main > div#community .community-intro .intro-text .cta-links a.cta-link:first-of-type .cta-button-container {
                margin-top: 30px; }
        #main > div#community .community-intro h1 {
          width: 25%; }
          @media screen and (max-width: 769px) {
            #main > div#community .community-intro h1 {
              width: 100%;
              margin: 0 0 30px 0; } }
        #main > div#community .community-intro .text {
          width: calc(75% - 60px);
          margin-left: 60px; }
          #main > div#community .community-intro .text p {
            padding-top: 0; }
          @media screen and (max-width: 1275px) {
            #main > div#community .community-intro .text {
              width: 33.33%; } }
          @media screen and (max-width: 769px) {
            #main > div#community .community-intro .text {
              width: 100%;
              margin-left: 0; } }
        #main > div#community .community-intro .image-container {
          padding-bottom: 60px;
          position: relative;
          width: 100%; }
          @media screen and (max-width: 769px) {
            #main > div#community .community-intro .image-container {
              padding-bottom: 30px; } }
          #main > div#community .community-intro .image-container img.checkers-long {
            position: absolute;
            right: 0;
            top: -20px;
            width: auto; }
          #main > div#community .community-intro .image-container .intro-image {
            height: 70vh;
            width: 100%; }
            @media screen and (max-width: 769px) {
              #main > div#community .community-intro .image-container .intro-image {
                height: 40vh; } }
            @media screen and (max-width: 480px) {
              #main > div#community .community-intro .image-container .intro-image {
                height: 30vh;
                width: 100%; } }
      #main > div#community .community-amenities h1 {
        width: 100%;
        margin: 0; }
      #main > div#community .community-amenities .amenities-row {
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
      @media screen and (max-width: 1000px) {
        #main > div#community .community-amenities .image-slide-wrapper {
          height: 50vh;
          order: 1;
          width: 100%; }
          #main > div#community .community-amenities .image-slide-wrapper .overflow-hidden {
            height: 50vh; } }
      @media screen and (max-width: 1000px) {
        #main > div#community .community-amenities .image-slide-wrapper {
          height: 30vh; }
          #main > div#community .community-amenities .image-slide-wrapper .overflow-hidden {
            height: 30vh; } }
      #main > div#community .community-amenities ul.amenities-list {
        padding-top: 60px;
        padding-bottom: 0;
        column-count: 2; }
        @media screen and (max-width: 1000px) {
          #main > div#community .community-amenities ul.amenities-list {
            order: 2;
            width: 100%; } }
        @media screen and (max-width: 480px) {
          #main > div#community .community-amenities ul.amenities-list {
            column-count: 1; } }
        #main > div#community .community-amenities ul.amenities-list li {
          text-transform: uppercase;
          width: 75%; }
          #main > div#community .community-amenities ul.amenities-list li h4 {
            font-weight: normal;
            font-size: 1.15rem; }
          @media screen and (max-width: 1000px) {
            #main > div#community .community-amenities ul.amenities-list li {
              width: 100%; } }
      #main > div#community .community-neighborhood h1 {
        margin: 0;
        width: 75%; }
        @media screen and (max-width: 480px) {
          #main > div#community .community-neighborhood h1 {
            width: 100%; } }
      #main > div#community .community-neighborhood .checkers-long {
        position: absolute;
        left: -60px;
        top: 15px; }
      #main > div#community .community-neighborhood p {
        min-width: 300px;
        width: 50%; }
        @media screen and (max-width: 769px) {
          #main > div#community .community-neighborhood p {
            width: 100%; } }
      #main > div#community .community-neighborhood .image-container {
        margin: 0 0 0 auto;
        position: relative;
        width: 70%; }
        @media screen and (max-width: 1000px) {
          #main > div#community .community-neighborhood .image-container {
            width: 100%; } }
        #main > div#community .community-neighborhood .image-container .neighborhood-image-container {
          height: 70vh; }
          @media screen and (max-width: 769px) {
            #main > div#community .community-neighborhood .image-container .neighborhood-image-container {
              height: 40vh; } }
          @media screen and (max-width: 480px) {
            #main > div#community .community-neighborhood .image-container .neighborhood-image-container {
              height: 40vh;
              margin-bottom: 30px; } }
        #main > div#community .community-neighborhood .image-container .cta-links {
          position: absolute;
          right: 0;
          top: -180px; }
          #main > div#community .community-neighborhood .image-container .cta-links a {
            min-width: 300px; }
          @media screen and (max-width: 1000px) {
            #main > div#community .community-neighborhood .image-container .cta-links {
              position: relative;
              left: 0;
              top: 60px; } }
          @media screen and (max-width: 480px) {
            #main > div#community .community-neighborhood .image-container .cta-links {
              position: relative;
              left: 0;
              top: 0; } }
      #main > div#community .community-artist {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between; }
        @media screen and (max-width: 769px) {
          #main > div#community .community-artist {
            padding-top: 120px; } }
        @media screen and (max-width: 480px) {
          #main > div#community .community-artist {
            padding-top: 60px; } }
        #main > div#community .community-artist h1 {
          margin: 0;
          width: calc(50% - 30px); }
          @media screen and (max-width: 1000px) {
            #main > div#community .community-artist h1 {
              width: 100%; } }
        #main > div#community .community-artist span {
          width: calc(50% - 60px); }
          @media screen and (max-width: 769px) {
            #main > div#community .community-artist span {
              width: 100%; } }
        #main > div#community .community-artist p {
          width: 100%;
          padding: 0 0 30px 0; }
          @media screen and (max-width: 1000px) {
            #main > div#community .community-artist p:first-child {
              padding-top: 60px; } }
          @media screen and (max-width: 480px) {
            #main > div#community .community-artist p:first-child {
              padding-top: 30px; } }
        #main > div#community .community-artist .image-container {
          display: inline-block;
          position: relative;
          width: 100%; }
          #main > div#community .community-artist .image-container .checkers-long {
            position: absolute;
            left: 15%;
            top: 30px;
            width: auto; }
            @media screen and (max-width: 480px) {
              #main > div#community .community-artist .image-container .checkers-long {
                top: -10px; } }
          #main > div#community .community-artist .image-container .artist-image-container {
            height: 70vh;
            float: right;
            width: calc(100% - 280px); }
            @media screen and (max-width: 769px) {
              #main > div#community .community-artist .image-container .artist-image-container {
                height: 40vh; } }
            @media screen and (max-width: 480px) {
              #main > div#community .community-artist .image-container .artist-image-container {
                float: none;
                height: 40vh;
                margin-bottom: 30px;
                width: 100%; } }
          #main > div#community .community-artist .image-container .cta-links {
            bottom: -100px;
            left: 0px;
            position: absolute; }
            #main > div#community .community-artist .image-container .cta-links a.cta-link {
              min-width: 300px; }
            @media screen and (max-width: 480px) {
              #main > div#community .community-artist .image-container .cta-links {
                bottom: auto;
                right: auto;
                left: 0;
                top: 0;
                position: relative; } }
      #main > div#community .community-events .row {
        margin-left: 25%;
        width: 75%; }
        @media screen and (max-width: 480px) {
          #main > div#community .community-events .row {
            margin-left: 0;
            width: 100%; } }
      #main > div#community .community-events .events-container .event-row {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-bottom: 1px solid black;
        display: flex;
        margin: 0 25% 0px 0;
        padding: 10px 10px 20px 10px; }
        #main > div#community .community-events .events-container .event-row:first-child {
          margin-top: 60px; }
        @media screen and (max-width: 769px) {
          #main > div#community .community-events .events-container .event-row {
            margin: 0 60px 20px 0; } }
        @media screen and (max-width: 480px) {
          #main > div#community .community-events .events-container .event-row {
            margin: 0 0 20px 0; }
            #main > div#community .community-events .events-container .event-row h4 {
              font-size: 0.8rem; } }
        #main > div#community .community-events .events-container .event-row h4 {
          font-weight: normal; }
        #main > div#community .community-events .events-container .event-row .event-column {
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          -ms-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: flex-start;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          #main > div#community .community-events .events-container .event-row .event-column.date {
            min-width: 70px;
            max-width: 150px;
            padding-right: 10px;
            width: 15%; }
          #main > div#community .community-events .events-container .event-row .event-column.hours {
            min-width: 80px;
            max-width: 300px;
            width: 35%; }
          #main > div#community .community-events .events-container .event-row .event-column.title {
            text-transform: none;
            width: 50%; }
      #main > div#community .community-events .events-container a.event-row {
        transition: all 0.25s linear; }
        #main > div#community .community-events .events-container a.event-row h4 {
          text-transform: uppercase;
          font-weight: bold; }
        #main > div#community .community-events .events-container a.event-row:hover {
          background: #195e41; }
          #main > div#community .community-events .events-container a.event-row:hover h4 {
            color: #f2f2f0; }
      #main > div#community .community-events .newsletter-signup {
        margin: 60px 0 0 50%;
        position: relative; }
        @media screen and (max-width: 480px) {
          #main > div#community .community-events .newsletter-signup {
            margin: 120px 0 0 0; } }
        #main > div#community .community-events .newsletter-signup h4 {
          width: 350px; }
        #main > div#community .community-events .newsletter-signup #mc_embed_signup {
          background: transparent;
          max-width: 400px;
          position: relative; }
          #main > div#community .community-events .newsletter-signup #mc_embed_signup .checkers-long {
            left: -30px;
            position: absolute;
            top: 30px;
            z-index: -1; }
            #main > div#community .community-events .newsletter-signup #mc_embed_signup .checkers-long rect,
            #main > div#community .community-events .newsletter-signup #mc_embed_signup .checkers-long polygon {
              fill: #fcca18; }
          #main > div#community .community-events .newsletter-signup #mc_embed_signup #mc_embed_signup_scroll input:focus {
            outline: none;
            border-radius: 0; }
          #main > div#community .community-events .newsletter-signup #mc_embed_signup #mc_embed_signup_scroll input.email {
            border: 2px solid black;
            color: black;
            height: 40px;
            margin: 60px 0 30px 0;
            width: calc(100% - 30px);
            padding: 5px 15px; }
          #main > div#community .community-events .newsletter-signup #mc_embed_signup #mc_embed_signup_scroll .cta-button-container {
            display: inline-block;
            min-height: 50px;
            margin-top: 0px;
            position: relative;
            width: 100%; }
          #main > div#community .community-events .newsletter-signup #mc_embed_signup #mc_embed_signup_scroll input.button {
            background: #195e41;
            border: 3px solid black;
            border-radius: 0;
            box-shadow: 3px 3px black;
            color: #f2f2f0;
            font-weight: bold;
            font-size: 16px;
            display: block;
            line-height: 1.5rem;
            height: 50px;
            max-width: 400px;
            padding: 10px 20px;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            transition: all 0.25s ease-in-out;
            width: 100%; }
            #main > div#community .community-events .newsletter-signup #mc_embed_signup #mc_embed_signup_scroll input.button:hover {
              background: #fcca18;
              box-shadow: 0px 0px black;
              color: black;
              cursor: pointer;
              transform: translate(1px, 1px); }
    #main > div .instagram-feed {
      height: 150vh;
      overflow: hidden;
      padding-top: 30px !important;
      width: 99%; }
      @media screen and (max-width: 480px) {
        #main > div .instagram-feed {
          height: 500vh; } }
  #main.fade-out {
    opacity: 0; }

#main-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  position: fixed;
  text-transform: uppercase;
  width: 100%; }
  #main-nav .tab {
    height: 100%;
    min-width: 30px;
    position: relative;
    transition: width 0.5s linear;
    width: 40px;
    will-change: width; }
    #main-nav .tab.open {
      width: 100%; }
  #main-nav a {
    display: block;
    padding: 30px 0px;
    height: 100%;
    width: 40px; }
    #main-nav a.work {
      background: #32453f; }
    #main-nav a.live {
      background: #fcca18; }
      #main-nav a.live span {
        color: black; }
    #main-nav a.community {
      background: #195e41; }
    #main-nav a span {
      color: #f2f2f0;
      font-size: 14px;
      font-weight: bold;
      float: left;
      position: absolute;
      top: 30px;
      left: 31px;
      transform: rotate(90deg);
      transform-origin: left top 0; }
  @media screen and (max-width: 769px) {
    #main-nav {
      display: none; } }

#mobile-nav {
  display: none; }
  @media screen and (max-width: 769px) {
    #mobile-nav {
      display: inline-block; } }

#mobile-nav-drawer {
  display: none; }
  @media screen and (max-width: 769px) {
    #mobile-nav-drawer {
      display: block; } }

#campus-directory h1 {
  margin: 0;
  text-align: left; }
  @media screen and (max-width: 480px) {
    #campus-directory h1 {
      text-align: left; } }
#campus-directory .directory-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: columns;
  -moz-flex-direction: columns;
  -ms-flex-direction: columns;
  flex-direction: columns;
  margin-top: 60px; }
  #campus-directory .directory-columns .columns {
    width: 100%; }
    #campus-directory .directory-columns .columns ul {
      column-count: 4;
      column-width: calc(20vw - 90px);
      font-size: 12px;
      margin-top: 0; }
      @media screen and (max-width: 769px) {
        #campus-directory .directory-columns .columns ul {
          column-count: 3;
          column-width: calc(33.33vw - 90px); } }
      @media screen and (max-width: 480px) {
        #campus-directory .directory-columns .columns ul {
          column-count: 1;
          column-width: 100%; } }
      #campus-directory .directory-columns .columns ul li {
        margin-bottom: 5px;
        padding: 5px; }
      #campus-directory .directory-columns .columns ul .featured {
        background: #fcca18; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  /* 1 */ }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }

  pre {
    white-space: pre-wrap !important; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group; }

  tr,
  img {
    page-break-inside: avoid; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }

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