* {
    box-sizing:border-box;
}
body {
    margin:0;
    padding:0;
    font-family: 'Heebo', sans-serif;
    font-weight:300;
}
img {
    max-width:100%;
    height:auto;
}
h1 {
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform:uppercase;
}
h2 {
    text-align:center;
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform:uppercase;
}

h3 {
    grid-column:1/2;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform:uppercase;
    padding-top:5px;
}

h4{
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform:uppercase;  
    font-size:34px;
}

h5{
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:22px;
}
.menu__box {
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform:uppercase;
    font-size:22px;
}

.name{
    margin:0;
    padding:0;
    font-family: "mr-eaves-xl-modern-narrow", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    text-transform: none;
}


li:hover,
li:focus-within {
  cursor: pointer;
}

li:focus-within a {
  outline: none;
}

ul li ul {
  background: transparent;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  display: none;
}

ul li:hover > ul,
ul li:focus-within > ul,
ul li ul:hover,
ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

.nav-item.dropdown.show > .nav-link::after {
    width: 100%;
}

.nav-item.dropdown:hover > .nav-link::after {
    width: 100%;
}