body {
  font-size: 14px;
  
}

h1 {
  font-size: 2.25rem;
}

h2 {
  font-size: 1.9rem; 
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.15rem;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 12px;
}

.card-title {
  color: #337ab7;

}
h2.card-title {
  font-size: 1.6em;

}
footer .frame a[class=""], footer .frame a:not([class]) {
    color: #fff;
}

.frame a[class=""], .frame a:not([class]) {
    color: #337ab7;
}


.dropdown-menu {
  --bs-dropdown-padding-x: 0px !important;
}

.dropdown-item.active, .dropdown-item:active {
    --bs-dropdown-link-active-bg : #337ab7;
  --bs-dropdown-link-active-color : white;
  color: var(--bs-dropdown-link-active-color);
  background-color: var(--bs-dropdown-link-active-bg);

}


.nav-item.active.dropdown-hover.ddmainnav,
 .nav-item.active.ddmainnav,
 .nav-item.ddmainnav:hover
{
  background-color: #e7e7e7;
}

.dropdown-item:hover, .dropdown-item:focus {
  --bs-dropdown-link-hover-color : #262626;
  --bs-dropdown-link-hover-bg : #f5f5f5;
}  

.breadcrumb-section {
  margin-top: -0.5rem;
  background-color: #ebe9ea;
}

.navbar-mainnavigation {
  box-shadow: 0 1px 0 0 #ebe9ea ;
}

/* carousel */
.carousel-item.carousel-item-layout-secondary .carousel-text-inner {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  max-width: 500px;
  color:  #7e7e7e;
  border-radius: 5px;
  border: 1px solid #cacaca;
}
  


@media only screen and (max-width: 645px) {
  footer#page-footer {
    padding-bottom: 45px;
  }
}

@media only screen and (max-width: 991px) {
  .DropIn_Page_PageBefore  {
     background-color: #1e89b5;
  }

.breadcrumb-section {
  margin-top: 1rem;
  background-color: #ebe9ea;
}

  
  .logo {
  display: block;
  height: 177px;
}
 .container container-mainnavigation {
   background-color: unset;
 } 
   .navbar-toggler {
    background-color: white;
  }

 .logo .navbar-brand.navbar-brand-image {
   display: none;
 } 
 .navbar {
    margin-top: -66px;
    background: unset !important;
  }

   .navbar-mainnavigation .navbar-brand-image {
     top: -55px;
     filter: drop-shadow(2px 2px 0 white) drop-shadow(-2px 2px 0 white) drop-shadow(2px -2px 0 white) drop-shadow(-2px -2px 0 white);
   }

  .navbar-mainnavigation .navbar-brand-image img {
    margin-right: 15px;
  }
}