* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "UnimedSlab-2020-Book", sans-serif;
}


header {
    position: relative;
    width: 100%;
    background-color: #B9CF3C;   
    z-index: 100;
}

.central{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 4em;
  font-size:1.2em;
  font-weight:bold;
}

nav li{
    padding: 5px 15px 5px 15px;
    text-align: center;
}

nav li:hover{
	background:#6b6e761c;
}
nav ul {
list-style: none;
    display: flex;
    gap: 3em;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;

}
nav a {
  font-size: 1.5em;
  text-decoration: none;
  color:#144D4C;
}
nav a#logo {
  color: #000000;
  font-weight: 700;
}

.logo_e{
    width: 100%;
    max-width: 22em;
    height: auto;
    margin: 0 auto;
    display: block;
	padding-top:1em;
}
.logo_d{
    width: 100%;
    max-width: 11em;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-top: 0.5em;
}

nav ul a {
  color: #144D4C;
}
nav ul a:hover {
  /*font-weight:bold;*/
}
h1 {
  font-size: 4rem;
}
#ham-menu {
  display: none;
}
nav ul.active {
  left: 0;
}
@media only screen and (max-width: 991px) {
  html {
    font-size: 56.25%;
  }
  header {
    padding: 2.2rem 5rem;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 50%;
  }
  #ham-menu {
    display: block;
    color: #ffffff;
  }
  nav a#logo,
  #ham-menu {
    font-size: 3.2rem;
  }
  nav ul {
    background-color: black;
    position: fixed;
    left: -100vw;
    top: 73.6px;
    width: 100vw;
    height: calc(100vh - 73.6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    transition: 1s;
    gap: 0;
  }
}
@media only screen and (max-width: 575px) {
  html {
    font-size: 46.87%;
  }
  header {
    padding: 2rem 3rem;
  }
  nav ul {
    top: 65.18px;
    height: calc(100vh - 65.18px);
  }
}