html,body {
  height:80%;
  font-size: 14px !important;
  letter-spacing: 1.3 !important;
  /*background: #f5f5f5 !important;*/
}

h1 {
  font-size: 20px !important;
  margin-top: 10px !important;
  margin-bottom: 2px !important;
}

h2 {
  font-size: 18px !important;
  margin-top: -10px !important;
  margin-bottom: 5px !important;
}


.separator {
  padding-top: 20px;
}


.logo {
  max-height: 100px !important;
}


.container {
  width: 100% !important;
}

.contact-block {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 9px;
  border: 2px solid #888;
  background: rgba(245, 245, 245, 0.5);
  width: 65%;
  color: #000;
  text-align: center;
  font-weight: 500;
  line-height: 1.3;
}

.learn {
  padding-left: 5% !important;
  padding-right: 5% !important;
}


.features {
  margin: 5px 15px;
}

.siteplan {
  max-height: 500px;
}

.plan-image img {
  text-align: center;
  max-height: 200px;

}

.gallery {
  display: block;
}

.gallery span {
  display: inline-block;
}

.gallery figure {
  margin: 10px 0;
}

.gallery img {
  max-height: 145px;
  max-width: 100%;
}

.elevation {
  display: block;
}

.elevation span {
  display: inline-block;
}

.elevation figure {
  margin: 10px 0;
}

.elevation img {
  max-width: 65%;
}

.floorplan {
  display: block;
  margin: 20px;
}

.floorplan span {
  display: inline-block;
}

.floorplan img {
  max-height: 400px;
}

  /*Styles for printable brochure*/
@media print {

  .next-page {
    page-break-after: always;
  }

  .floorplan {
    display: block;
    margin: 10px;
  }

  .floorplan span {
    display: inline-block;
  }

  .floorplan img {
    max-height: 300px;
  }

  .elevation img {
    max-width: 70% !important;
  }

  .contact-block {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 9px;
    border: 2px solid #888;
    width: 100%;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
  }


  .gallery img {
    max-height: 80px !important;
    width: 100% !important;
  }


}