/*--------------------------------------------------------------
# Set main reusable colors and fonts using CSS variables
# Learn more about CSS variables at https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
--------------------------------------------------------------*/
.header .logo img {
  max-height: 60px!important;
}
.navbar a, .navbar a:focus{
  font-weight: 700 !important;

}
.navbar a:hover, .navbar li:hover>a {
  color: #3a538b !important;
  background: transparent !important;
}
@media (min-width: 1280px){
.navbar li:not(:last-child) {
  border-right: 2px solid #7a7a7a  !important;
  height: 10px  !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

}
.hero {
  padding: 150px 0 !important;
}
@media (max-width: 768px){

  .hero {
    padding: 50px 0 !important;
  }
  .m-20-sm{
    margin-top: 20px;

  }
  h4 {

    font-size: 20px !important;
  }
  .hero-heading{

    text-align: center !important;
  }
  .hero-text{

    text-align: center !important;
  }
  section {
    padding: 20px 0 !important;
}
}
.hero-text {
  font-size: 16px !important;
}
.hero-heading, .hero-text{
  color: #fff !important;

}
.footer-logo img {
     max-height: 44px;
}

.footer-copyright {
  border-top: 1px solid #979797;
}
h1 {

  font-family: var(--font-secondary) !important;
}
h2 {

  font-family: var(--font-secondary) !important;
  font-weight: 600 !important;
  font-size: 30px !important;
}
h4 {

  font-family: var(--font-secondary) !important;
  font-weight: 600 !important;
  font-size: 24px !important;
}
p {

  font-family: var(--font-heading) !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}