@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
h1,h2,h3,h4.h5
{
  font-family: "Lora", serif;
  font-weight:400;
  color:#82a53d;
}
h1 {font-size:26px;}
a {
  color: #528540;
}
.container-header {
  z-index: 10;
  background-color: #fff;
  background-image: none;
  position: relative;
  box-shadow: none;
  
}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  color: #555;
  text-decoration: none;
  position: relative;
  font-family: Lora, serif;
  font-size: 17px !important;
}
body {
  min-height: 100vh;
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
}
  
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1em;
  border-bottom: 2px solid #ccc;
}
h2 {font-size:22px;}
h3 {font-size:20px;}
.card-header {
  padding: var(--card-cap-padding-y)var(--card-cap-padding-x);
  color: var(--card-cap-color);
  background-color: var(--card-cap-bg);
  border-bottom: var(--card-border-width)solid var(--card-border-color);
  margin-bottom: 0;
  font-size: 18px;
  color: #528540;
  text-align: center;
}
a:not([class]) {
  text-decoration: none;
}
.metismenu.mod-menu .mm-toggler {
  color: #555;
  user-select: none;
  box-shadow: none;
  background: 0 0;
  border: none;
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  font-family: lora, serif;
}
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto;
    margin-top: 0px;
  }
.container-header .navbar-toggler {
  color: green;
  cursor: pointer;
  border: 1px solid #fff;
}
  .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
    text-decoration: none;
    border-top: 2px solid #ccc;
  }