body {
  font-family: 'Lato', serif;font-size: 16px; line-height: 1.7em;font-weight: 400;
}
h1 {
  font-weight: 700;
}
h2 {
  font-weight: 700;
}
h3 {
  font-weight: 700;
}
.intro {
  font-size: 1.1em;font-weight: 700;
}
strong {
  font-size: 1em;font-weight: 700;
}
header ul a {border-radius:0px;}

.icon-banner.text-white h4,
.icon-banner.text-white p {
  color: #fff !important;
}
.icon-banner a:hover h4 {text-decoration:underline;}
.icon-banner a:hover i {opacity:0.85;}
.carousel-control-prev, .carousel-control-next {width:50px;}
.carousel .fa-4x {font-size:2.5rem !important;}
.subgroup-pages a {
 transform:scale(1.0);
  transition:0.2s;
}
.subgroup-pages a:hover {
    transform: scale(1.02);
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.submenu ul a {background:none;border-bottom:1px solid var(--bs-border);padding:0.3rem 0.5rem 0.3rem 1rem;}
.submenu ul ul li:last-child a {border-bottom:none;}
.submenu ul a:hover {box-shadow:none;color:var(--bs-accent);}
.submenu ul a:before {left:0px;}

@media (max-width: 575.98px) {
  section {
  max-width:540px;
  margin-left:auto;
  margin-right:auto;
 }
}

@media (min-width: 576px) {
  section {
   max-width:720px;
    margin-left:auto;
  margin-right:auto;
 }
}

@media (min-width: 768px) {
  section {
   max-width:960px;
    margin-left:auto;
  margin-right:auto;
 }
}

@media (min-width: 992px) {
  section {
   max-width:1360px;
    margin-left:auto;
  margin-right:auto;
 }
}

@media (min-width: 1200px) {
  section {
   max-width:1400px;
    margin-left:auto;
  margin-right:auto;
 }
}

@media (min-width: 1400px) {
  section {
   max-width:1400px;
    margin-left:auto;
  margin-right:auto;
 }
}