/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  /* color: #5a5a5a; */
  /* This is the text color for all non-specified text, make black for reasons of readability*/
  color: #111;
  background: #fff; /* #eee worked good */
}

/* Customize navbar colors */

.navbar {
  /* border-bottom: #008ed6 3px solid; */
  /* background-color: #ccc; */
  background-color: white;
  border-bottom: #ccc 1px solid;
}

.address-special {
  font-size: 150%;
}

hr.style1 {
  border-top: 1px solid #111;
}

.bg-headings {
  /* background-color: rgb(28, 35, 49); */
  background-color: white;
}

.footer-copyright {
  background-color: rgba(0, 0, 0, 0.2);
}

.footer-intermediate {
  background-color: rgba(0, 0, 0);
}
.page-footer {
  background-color: rgb(28, 35, 49);
}

.text-color-heading {
  color: black;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05rem;
}

.featurette-sub-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.05rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

#video-play {
  position: relative;
  min-height: 200px;
  text-align: center;
  color: #fff;
}

#video-play a {
  color: #fff;
}