* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
*:not(i) {
  font-family: 'Adumu';
}
header {
position: relative;
    width: 100%;
    background-image: url(../img/top.png);
    height: 10.3125em;
    background-repeat: no-repeat;
    background-position: center; /* Centraliza a imagem */
    background-size: cover;      /* Faz a imagem esticar/encolher para cobrir tudo */
    z-index: 100;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	margin-bottom: -6em;
}
nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height:6em;
  flex-direction: column;
  flex-wrap: nowrap;
}
nav ul {
list-style: none;
    display: flex;
    gap: 4em;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
nav a {
  font-size: 2em;
  text-decoration: none;
}
nav a#logo {
  color: #000000;
  font-weight: 700;
}

.logo_e{
    width: 100%;
    max-width: 11.5em;
    height: auto;
    margin: 0 auto;
    display: block;
	padding-top:1em;
}
.logo_d{
    width: 100%;
    max-width: 12em;
    height: auto;
    margin: 0 auto;
    display: block;
}

nav ul a {
  color: #ffffff;
}
nav ul a:hover {
  color:#BDE52E;
}
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);
  }
}