    html,
    body,
    header,
    .view {
      height: 100%;
    }


    @media (min-width: 800px) and (max-width: 850px) {

      html,
      body,
      header,
      .view {
        height: 700px;
      }
    }

    @media (min-width: 800px) and (max-width: 850px) {
      .navbar:not(.top-nav-collapse) {
        background: #1C2331 !important;
      }
    }

@media (max-width: 992px) {
 .content-header {
    font-size: 1.3rem;
}

    }

@media (max-width: 992px) {
 .footer-slogan {
    font-size: 20px;
}

    }

@media (max-width: 992px) {
.video iframe {
width: 300px;
height: 169px;
  }

}

@media (max-width: 615px) {
.special-features span {
  align-items: center;
  font-size:25px;
  width: 100%;
  flex-direction: column;
}

@media (max-width: 615px) {
.special-features i {
  align-items: center;
  width: 100%;
  flex-direction: column;
 }
}


@media (max-width: 615px) {
.about-wrapper {
  width: 100%;
  flex-direction: column;
 }
}


@media (max-width: 615px) {
.mission-wrapper {
  width: 100%;
  flex-direction: column;

 }
}

@media (max-width: 615px) {
.footer-wrapper {
  width: 100%;
  flex-direction: column;
 }
}

@media (max-width: 615px) {
.services-wrapper {
  width: 100%;
  flex-direction: column;
 }
}

@media only screen and (max-width: 554px) {
  .gallery img {
   width: 128px;
   align-items: center;
   width: 100%;
   flex-direction: column;
  }

}


@media (max-width: 768px) and (min-width: 555px) {
  .gallery img {
   width: 218px;
   padding: 1px;
  }
}

@media (max-width: 992px) {
.video iframe {
width: 300px;
height: 169px;
  }
}

@media (max-width: 992px) {
.bullets {
 font-size: 1.6rem;
 }
}


@media (max-width: 992px) {
.main-headline-2 {
 font-size: 1.2rem;
 }
}

@media (max-width: 992px) {
.special-features{
 font-size: 1rem;
  width: 100%;
  flex-direction: column;
  margin-left: -28px;
  text-align: center;
  padding: 40px 20px;
 }
}


@media (max-width: 992px) {
.special-features span {
 font-size: 15px;
 }
}

@media (max-width: 992px) {
.special-features i {
 font-size: 22px;
  text-align: center;
 }
}




@media (max-width: 992px) {
.mission-header{
 font-size: 1.2rem;
 }
}
