.hero h1 span {
  color: #51a7dd;
}

@media (min-width: 1200px) {
  .navmenu li:hover > a, .navmenu .active, .navmenu .active:focus {
    color: #fcba2e;
  }
}

@media (min-width: 1200px) {
  .navmenu a, .navmenu a:focus {
    color: #51a7dd;
  }
}

.header .branding {
  min-height: 75px;
}

.header .logo img {
  max-height: 95px;
}

.header .topbar {
  background-color: #51a7dd;
}

.hero::before {
  background: color-mix(in srgb, var(--contrast-color), transparent 100%);
}

.about .about-content ul li:first-child {
  margin-top: 25px;
}
.about .about-content ul li {
  margin-bottom: 25px;
}

.about .about-content ul i {
  width: 48px;
  height: 48px;
}

.section-title p .description-title {
  color: #51a7dd;
}

.section-title h2 {
  color: #51a7dd;
}

.section-title h2 {
  background: color-mix(in srgb, #8ad2ff, transparent 90%);
}

.services {
  background: url("../img/bg.jpg") top left;
    background-size: auto;
  background-size: cover;
}

a:hover {
  color: color-mix(in srgb, #51a7dd, transparent 25%);
}

.services .service-item .icon {
  background: #51a7dd;
}

#upcoming {
  background: #ffeec9;
}

.footer .footer-newsletter {
  padding: 50px 0px 15px;
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:75px;
    right:30px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:40px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}