body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1 {
  margin: 0 0 5vw;
  font-family: "ITCModernNo-216W01-Lt";
  font-size: 3.25vw;
  color: #1e3361;
  font-weight: 100;
  line-height: 1.2; }
  @media screen and (max-width: 900px) {
    h1 {
      font-size: 6vw; } }
  @media screen and (max-width: 600px) {
    h1 {
      font-size: 9vw; } }

p {
  margin: 2vw 0;
  font-family: "Gill Sans W01 Light";
  font-size: 22px;
  color: #1e3361;
  font-weight: 300; }
  @media screen and (max-width: 900px) {
    p {
      margin: 40px 0; } }
  p b {
    letter-spacing: 1px; }

a {
  color: #1e3361;
  transition: opacity linear 200ms; }
  a:hover {
    opacity: .5; }

.wrapper {
  display: flex;
  font-family: "Gill Sans W01 Light"; }

.main-left {
  background: url(../img/JTG-Splash-Image.jpg);
  background-size: cover;
  background-position: center center;
  width: 50%;
  height: 100vh;
  position: fixed; }
  @media screen and (max-width: 900px) {
    .main-left {
      width: 100%;
      height: 40vh;
      position: absolute; } }

.main-right {
  width: 50%;
  height: auto;
  margin: 0 0 0 50vw;
  position: relative; }
  @media screen and (max-width: 900px) {
    .main-right {
      width: 100%;
      margin: 40vh 0 0; } }
  .main-right .text-wrap {
    margin: 6vw 6vw 12vw; }
  .main-right .logo {
    width: 16vw;
    margin: 5vw 0; }
    @media screen and (max-width: 900px) {
      .main-right .logo {
        width: 25vw; } }
    @media screen and (max-width: 600px) {
      .main-right .logo {
        width: 35vw; } }
  .main-right button {
    background: white;
    color: #1e3361;
    padding: 10px 25px;
    border-radius: 50px;
    border-color: #1e3361; }
    .main-right button:hover {
      background: #1e3361;
      color: white;
      opacity: 1 !important; }
  .main-right input {
    width: 100%;
    margin: 5vw 0 0; }
  .main-right .footnote {
    width: 70%;
    margin: 1vw 0 5vw;
    font-size: 16px;
    opacity: .6;
    color: #1e3361;
    line-height: 1; }
  .main-right footer {
    background-color: #e6e6e6;
    color: #808080;
    padding: 5vw 0; }
    @media screen and (max-width: 600px) {
      .main-right footer {
        padding: 15vw 0; } }
    .main-right footer div {
      margin: 0 3vw; }
    .main-right footer .address {
      text-align: left;
      font-size: 14px; }
    .main-right footer .social a svg {
      width: 25px;
      margin: 0 3px 10px;
      fill: black;
      opacity: .3;
      transition: all 200ms linear; }
      .main-right footer .social a svg:hover {
        fill: #1e3361;
        opacity: 1; }
    .main-right footer a {
      text-decoration: none;
      color: black; }
      .main-right footer a:hover {
        color: #1e3361; }

.homes {
  width: 90%;
  margin: 0 auto; }
  .homes img {
    width: 100%; }
  .homes .logo {
    width: 16vw;
    margin: 5vw 0;
    position: relative; }
    @media screen and (max-width: 900px) {
      .homes .logo {
        width: 25vw; } }
    @media screen and (max-width: 600px) {
      .homes .logo {
        width: 35vw; } }
  .homes h1 {
    margin: 0; }
  .homes h4 {
    font-family: "Gill Sans W01 Light";
    font-size: 15px;
    color: #1e3361; }
  .homes p {
    margin: 0; }
  .homes .available-floor {
    margin: 0 0 200px;
    padding: 25px 0 0;
    border-top: #cfcfcf solid 1px; }
  .homes .available-homes h3 {
    text-transform: uppercase;
    font-family: "Gill Sans W01 Light";
    opacity: .3;
    letter-spacing: 4px;
    margin: 20px 0 10px; }
  .homes .available-homes p {
    font-size: 17px;
    letter-spacing: 0; }
  .homes .floor-imgs {
    display: flex; }
    @media screen and (max-width: 900px) {
      .homes .floor-imgs {
        display: block; } }
    .homes .floor-imgs .floor {
      width: 65%; }
      @media screen and (max-width: 900px) {
        .homes .floor-imgs .floor {
          width: 100%; } }
    .homes .floor-imgs .elevations {
      width: 35%; }
      @media screen and (max-width: 900px) {
        .homes .floor-imgs .elevations {
          width: 100%; } }
      .homes .floor-imgs .elevations img {
        padding: 0 0 25px; }