@media screen and (max-width: 768px) {
  .amenities .col-12 {
    margin-bottom: 1.5rem; } }
@media screen and (min-width: 768px) {
  .amenities .row {
    margin-bottom: 1.5rem; } }
.btn-primary {
  background-color: #1F3044;
  font-size: .9rem;
  border: solid #999faa 1px; }

body {
  font-family: "Open Sans", sans-serif; }

h1 {
  font-size: 1.8rem; }

h2 {
  font-size: 1.4rem; }

p, li {
  font-size: .9rem;
  line-height: 1.8rem; }

i.fas {
  colo: #1F3044;
  font-size: 1.8rem; }

.navbar-light, .navbar-brand {
  font-weight: 600;
  color: #1F3044 !important; }

li.poc {
  line-height: 1.3rem; }

.feature-card {
  background-color: #fff;
  transition: background-color 500ms; }

.feature-card:hover {
  background-color: #1F3044;
  color: #fff;
  transition: background-color 500ms, color 500ms; }
  .feature-card:hover i, .feature-card:hover p {
    color: #fff;
    transition: color 500ms; }

.dark-blue-bg {
  background-color: #1F3044; }

.dark-gray-bg {
  background-color: #646C79; }

.gray-bg {
  background-color: #E1E2E2; }

#carouselExampleIndicators1 {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #999;
  box-shadow: 0px 1px 2px #ccc; }

.carousel-caption h5 {
  font-size: 1.5rem;
  text-shadow: 2px 2px 2px #333; }
.carousel-caption p {
  font-size: 1.2rem;
  text-shadow: 2px 2px 2px #333; }

.card h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 0 0; }
.card p.location {
  font-size: .8rem;
  margin: 0 0 15px 0; }
.card p.features {
  font-weight: 600; }
.card p {
  margin-bottom: 15px;
  line-height: 1.4rem; }
