.bg-blue {
  background: #6abd45; }

.bg-gray-blue {
  background: #ecf4fb;
  color: #434345; }

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
a, a:hover, a:active {
  text-decoration: none; }

body {
  padding-bottom: 3rem;
  color: #5a5a5a; }

.top-bar {
  background: #333333;
  color: #FFF;
  font-size: 12px;
  padding: 5px 0 7px; }
  .top-bar .btn {
    font-size: 11px;
    background: #6abd45;
    border-color: #5fac3d;
    text-transform: uppercase;
    font-weight: 500; }

.top-bar-social {
  text-transform: uppercase; }
  .top-bar-social i {
    margin-right: 10px;
    color: #6abd45;
    font-size: 15px; }
    .top-bar-social i.fa-envelope {
      font-size: 18px; }
    .top-bar-social i + i {
      margin-left: 25px; }

.navbar {
  padding-top: 0;
  padding-bottom: 0; }

.navbar-brand {
  padding: 15px 0; }
  .navbar-brand img {
    height: 80px; }

.nav-link {
  color: #000;
  padding: 45px 25px !important;
  transition: all ease .25s;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px; }
  .nav-link:hover, .nav-link:active, .nav-link:focus, .nav-link.active {
    color: #6abd45; }

.album {
  min-height: 50rem;
  /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7; }

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0; }

.card > img {
  margin-bottom: .75rem; }

.card-text {
  font-size: 85%; }

.feature img.shadow {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }

.social {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  vertical-align: top; }
  .social a {
    margin: 0 25px; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel-item {
  background-color: #777; }

.carousel-item > img {
  width: 100%; }

/* 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: 300;
  margin-bottom: 10px; }

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem; }

/* Featurettes
------------------------- */
.divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
.heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4; }

  .heading {
    font-size: 50px; } }
@media (min-width: 62em) {
  .heading {
    margin-top: 7rem; } }
.contact .heading {
  font-size: 30px;
  margin-top: 0; }

.album img {
  width: 100%; }

.album .video .card a:hover::after {
  color: #cc181e; }
.album .video .card a::after {
  transition: all ease .25s;
  font-family: Font Awesome\ 5 Brands;
  content: "\f167";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 65px; }

.album .image-v img {
  height: 300px;
  object-fit: cover; }

h5.heading {
  font-size: 40px; }

h6.heading {
  font-size: 30px; }

a.heading {
  display: block;
  color: #5a5a5a;
  margin-bottom: 15px; }

/*# sourceMappingURL=style.css.map */
