#mainNav.navbar-shrink {
  background-color: #870000 !important;
}

#mainNav .nav-link.active {
  outline: none;
  background-color: transparent;
  color: white;
  font-weight: 800;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: #870000 !important;
}

#mainNav a {
  /*background-color: #870000 !important;*/
}

#mainNav a {
}

.navbar-expand-lg .navbar-nav .dropdown-menu a {
  background-color: #870000 !important;
}

.masthead .intro-body .brand-heading {
  font-size: 50px;
  text-transform: none;
}

@media (min-width: 578px) {
  .brand-heading2 {
    font-size: 36px;
    text-transform: lowercase;
    font-weight: 500;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    width: 100%;
    left: 50%;
    position: absolute;
    margin-top: 30px;
    padding: 0;
  }
}

@media (max-width: 577px) {
  .brand-heading2 {
    font-size: 25px;
    text-transform: lowercase;
    font-weight: 400;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    width: 100%;
    left: 50%;
    position: absolute;
    margin-top: 6px;
    padding: 0;
  }
}

.btn-circle:focus, .btn-circle:hover {
  color: #fff;
  outline: none;
  background: #870000 !important;
}

#carousel-1 {
  height: inherit;
}

.carousel-inner {
  height: inherit;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  height: inherit;
}

.jumbotron.hero-nature.carousel-hero {
  height: inherit;
}

.jumbotron.hero-photography.carousel-hero {
  height: inherit;
}

.jumbotron.hero-technology.carousel-hero {
  height: inherit;
}

@media (max-width: 992px) {
  #mainNav {
    font-family: 'Nunito';
    margin-bottom: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background-color: #870000 !important;
  }
}

.aboutUsImage {
  max-width: 100px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.about_hr {
  background-color: white;
  width: 124px;
  margin-bottom: 14px;
}

.figure.overlay-image {
}

.figure.overlay-image {
  position: relative;
  width: 100%;
}

.img-fluid.figure-img {
  d
isplay: block;
  width: 100%;
  margin-bottom: 0px;
  height: auto;
}

.overlay-image .text {
  color: #fff;
  font-size: 30px;
  line-height: 1.5em;
  text-shadow: 2px 2px 2px #000;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.overlay-image .hover {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.overlay-image:hover .hover {
  opacity: 1;
}

.overlay-image .normal {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.overlay-image .normal {
  transition: .5s ease;
}

.overlay-image:hover .normal {
  opacity: 0;
}

.overlay-image .hover {
  background-color: rgba(59,3,3,0.5);
  height: CALC(100% - 4px);
  margin-top: 4px;
  width: CALC(100% - 10px);
}

hr {
  background-color: rgb(74,73,73);
  max-width: 120px;
  margin: auto;
}

text {
}

.text p {
  padding-top: 10px;
  margin-bottom: 0;
}

.text h3 {
  padding-bottom: 10px;
  margin-bottom: 0;
  font-family: 'Raleway'!important;
  text-transform: capitalize!important;
}

@media (min-width: 300px) {
  .text h3 {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-family: 'Raleway'!important;
    text-transform: capitalize!important;
  }
}

.bottomDiv {
  /*min-height: 300px;*/
  /*background-color: white;*/
  padding: 30px;
}

.bottomDiv h5 {
  /*color: black;*/
  text-align: center;
  text-transform: none;
}