@import url("https://use.typekit.net/kub4asm.css");
body {
  background: #edecec;
  font-family: acumin-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5rem; }

a {
  color: inherit;
  display: inline-block;
  margin: 0;
  text-decoration: none; }

h1,
h2,
h3,
h4 {
  font-family: ivymode, sans-serif;
  font-weight: 700;
  font-style: normal; }

h1 {
  font-size: 10vw;
  margin: 40px 0 0 0;
  line-height: 12vw; }
  @media only screen and (max-width: 500px) {
    h1 {
      font-size: 2.5rem;
      line-height: 3.55frem; } }

h2 {
  font-size: 5vw;
  line-height: 7vw; }
  @media only screen and (max-width: 500px) {
    h2 {
      font-size: 2rem;
      line-height: 3rem; } }

p {
  padding: 0 30px; }
  @media only screen and (max-width: 500px) {
    p {
      padding: 0 15px; } }

b {
  font-family: acumin-pro-semi-condensed, sans-serif;
  font-weight: 700;
  font-style: normal; }

i {
  font-family: acumin-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: italic; }

@media only screen and (max-width: 500px) {
  .flex-row {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
nav {
  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;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background: #edecec;
  height: 60px;
  left: 0;
  padding: 30px 5vw 0 5vw;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2; }
  nav svg {
    height: 100%;
    max-height: 40px;
    width: auto; }
    nav svg path {
      fill: #0d2142; }
  nav .navigation {
    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; }
    nav .navigation li {
      display: inline-block;
      color: #0d2142;
      text-transform: lowercase;
      padding: 0 10px; }
      nav .navigation li.active {
        color: #ff9800; }
      nav .navigation li:hover {
        color: #00b6c1; }
  @media only screen and (max-width: 500px) {
    nav {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 15px 5vw 0 5vw; }
      nav svg {
        height: 22px; }
      nav .navigation {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        font-size: 12px;
        padding-left: 0; } }
  @media only screen and (max-width: 412px) {
    nav {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; } }

table {
  font-family: acumin-pro-semi-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  max-width: 75vw;
  padding: 60px 0 100px 0;
  width: 100%; }
  table th {
    font-family: ivymode, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3vw;
    line-height: 4vw;
    padding-bottom: 15px;
    text-align: left; }
  table td.indent {
    padding-left: 86px;
    width: 300px; }
  table tr.empty-row {
    height: 50px; }
  table tr.padding-top td {
    padding-top: 20px; }
  @media only screen and (max-width: 500px) {
    table {
      font-size: 11px;
      max-width: 100%; }
      table th {
        font-size: 1rem;
        line-height: 1.5rem; }
      table td.indent {
        padding-left: 0; } }

.image-container {
  position: relative; }

svg.white path {
  fill: white; }
svg.turquoise path {
  fill: #00b6c1; }
svg.orange path {
  fill: #ff9800; }
svg.red path {
  fill: #8c2727; }

section {
  padding: 0 5vw;
  width: 90vw; }
  section.contact {
    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;
    padding: 100px 5vw 200px 5vw; }
    section.contact h2 {
      max-width: 55vw;
      text-align: center; }
    section.contact #mc_embed_signup {
      background: #ff9800;
      font-family: acumin-pro-semi-condensed, sans-serif;
      font-weight: 400;
      font-style: normal;
      width: 90vw;
      max-width: 700px; }
    section.contact #mc_embed_signup_scroll {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
      section.contact #mc_embed_signup_scroll input {
        border: none;
        border-radius: 0;
        height: 50px;
        line-height: 15px;
        margin-right: 10px;
        padding: 15px;
        width: calc(70% - 10px); }
        section.contact #mc_embed_signup_scroll input.button {
          background: #00b6c1;
          border-color: #00b6c1;
          color: white;
          font-size: 15px;
          margin: 0;
          width: calc(100% - 10px); }
          section.contact #mc_embed_signup_scroll input.button:hover {
            background: #ff9800;
            border-color: #ff9800;
            color: white;
            cursor: pointer; }
        section.contact #mc_embed_signup_scroll input:focus {
          outline-color: #ff9800; }
      section.contact #mc_embed_signup_scroll .submit-button {
        width: 30%; }
      @media only screen and (max-width: 500px) {
        section.contact #mc_embed_signup_scroll {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          section.contact #mc_embed_signup_scroll input {
            margin-right: 0px; }
          section.contact #mc_embed_signup_scroll .submit-button {
            margin-top: 15px;
            width: calc(70% - 10px); }
            section.contact #mc_embed_signup_scroll .submit-button input {
              width: 100%; } }
    @media only screen and (max-width: 500px) {
      section.contact {
        padding: 100px 5vw; }
        section.contact h2 {
          max-width: 100%; } }
  section.intro {
    padding-bottom: 60px;
    padding-top: 90px; }
    section.intro .content-column {
      width: 50vw; }
    section.intro .tile-container {
      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;
      padding: 0 0 60px 30px;
      width: 70px; }
      section.intro .tile-container svg {
        width: 70px;
        height: 100px; }
    section.intro h1 {
      position: relative;
      z-index: 1; }
    section.intro p {
      max-width: 300px; }
    section.intro .flex-row {
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      align-items: flex-end; }
    section.intro .image-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      height: 70vh;
      width: 50vw;
      z-index: 0; }
      section.intro .image-container img {
        height: calc(53vh + 150px);
        position: absolute;
        top: 16px;
        width: auto; }
    @media only screen and (max-width: 500px) {
      section.intro p {
        max-width: 300px;
        order: 2; }
      section.intro .image-container {
        height: calc(90vw * 1.38);
        order: 1;
        width: 90vw; }
        section.intro .image-container img {
          height: auto;
          top: -20px;
          width: 100%; } }
  section.quote {
    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;
    padding: 100px 5vw; }
    section.quote h2 {
      margin-bottom: 0;
      max-width: 65vw;
      text-align: center; }
      @media only screen and (max-width: 500px) {
        section.quote h2 {
          max-width: 100%; } }
    section.quote .tile {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      width: 100%; }
      section.quote .tile svg {
        min-width: 50px;
        width: 7vw; }
        section.quote .tile svg path {
          fill: #8c2727; }
  section.borders .flex-row {
    padding-bottom: 60px; }
  section.borders .image-container:first-child {
    height: calc(70vw / 1.74);
    width: 70vw; }
    section.borders .image-container:first-child img {
      position: absolute;
      left: calc(-5vw - 60px);
      width: 100%; }
  section.borders .image-container:nth-child(2) {
    height: calc(40vw / 1.95);
    width: 40vw; }
    section.borders .image-container:nth-child(2) img {
      position: absolute;
      height: 100%; }
    @media only screen and (max-width: 500px) {
      section.borders .image-container:nth-child(2) {
        height: calc(100% / 1.95);
        width: 100%; }
        section.borders .image-container:nth-child(2) img {
          height: auto;
          position: relative;
          width: 100%; } }
  section.borders .text-container.condo {
    max-width: 200px;
    width: 30vw; }
    @media only screen and (max-width: 500px) {
      section.borders .text-container.condo {
        margin: 0 auto;
        width: 90vw; } }
    section.borders .text-container.condo p {
      padding: 0; }
  section.borders .text-container h1 {
    line-height: 13vw;
    margin-bottom: 0; }
    @media only screen and (max-width: 500px) {
      section.borders .text-container h1 {
        line-height: 6rem; } }
  section.borders .text-container p {
    margin-top: 0; }
  @media only screen and (max-width: 500px) {
    section.borders {
      padding: 15px;
      width: calc(90vw - 30px); }
      section.borders .image-container:first-child {
        height: calc(100% / 1.74);
        width: 100%; }
        section.borders .image-container:first-child img {
          position: relative; }
      section.borders .text-container {
        width: 90vw; } }
  section .groundbreaking .text-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;
    width: 60vw; }
    section .groundbreaking .text-container .tile-container {
      width: 20%;
      max-width: 50px; }
      section .groundbreaking .text-container .tile-container svg {
        padding: 10px 0; }
      @media only screen and (max-width: 500px) {
        section .groundbreaking .text-container .tile-container {
          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;
          max-width: 100%;
          width: 100%; }
          section .groundbreaking .text-container .tile-container svg {
            float: left;
            padding: 10px;
            width: 30px;
            height: 30px; } }
    section .groundbreaking .text-container p {
      max-width: 400px; }
    @media only screen and (max-width: 500px) {
      section .groundbreaking .text-container {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 90vw; }
        section .groundbreaking .text-container p {
          padding-top: 60px; } }
  section .neighborhood {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
    section .neighborhood p {
      padding-right: 0;
      position: relative;
      width: 60%; }
      @media only screen and (max-width: 500px) {
        section .neighborhood p {
          width: 100%; } }
    section .neighborhood svg {
      position: absolute;
      top: -100px;
      width: 50px; }
  section.footer {
    padding-bottom: 30px; }
    section.footer .flex-row {
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      align-items: flex-end;
      width: 90vw; }
      section.footer .flex-row svg {
        width: 5vw;
        height: 5vw; }
        section.footer .flex-row svg path {
          fill: #8c2727; }
        section.footer .flex-row svg.rotate-180 {
          transform: rotate(270deg); }
      section.footer .flex-row .equal-housing-logo {
        width: 100px; }
        section.footer .flex-row .equal-housing-logo img {
          max-width: 100%;
          max-height: 100%; }
    section.footer .legal {
      padding-top: 30px; }
      section.footer .legal p {
        text-align: center; }
        section.footer .legal p small {
          font-size: 60%;
          line-height: 1rem; }

.qualifications {
  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; }
  .qualifications h2.title {
    max-width: 55vw;
    text-align: center; }
    @media only screen and (max-width: 500px) {
      .qualifications h2.title {
        max-width: 100%; } }
  .qualifications .tile-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 90vw; }
    .qualifications .tile-container svg {
      width: 7vw; }
      .qualifications .tile-container svg path {
        fill: #00b6c1; }
    @media only screen and (max-width: 500px) {
      .qualifications .tile-container svg {
        width: 50px;
        height: 50px; } }
  .qualifications .notations {
    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; }
    .qualifications .notations span {
      width: 90vw; }

.flex-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1200px; }

section.blue {
  background: #0d2142;
  color: #edecec; }

section.white {
  background: #edecec;
  color: #0d2142; }
  section.white h1,
  section.white h2,
  section.white h3,
  section.white h4 {
    color: #00b6c1; }

section.orange {
  background: #ff9800;
  color: #8c2727; }

.borders {
  margin: 0 5vw;
  padding: 60px;
  width: calc(90vw - 120px); }

.hidden {
  display: none; }

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */ }

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