.navbar {
  --mainColor: rgb(234, 110, 44);
  align-items: baseline;
  flex-wrap: nowrap !important;
  padding-top: 2rem;
}

.navbar .title {
  cursor: pointer;
  font-size: 1.5em;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--mainColor);
  font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  width: 40%;
}

.navbar .title:hover {
  color: #ce5515;
}

.navbar .links {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.navbar .links a {
  position: relative;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 20px;
  font-size: 0.9em;
  color: white;
  outline: none;
  text-decoration: none;
}

.navbar .links a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  border-bottom: 2px solid var(--mainColor);
  width: 100%;
  opacity: 0;
  transition-property: opacity;
  transition: all calc(300 * 1ms) cubic-bezier(0.42, 0.01, 0.58, 1);
}

.navbar .links a:hover::before {
  opacity: 1;
}

@media (min-width: 810px) {
  .navbar .links {
    display: flex;
  }
}

@media (max-width: 810px) {
  .awb-menu.collapse-enabled.mobile-mode-collapse-to-button.expanded
    .awb-menu__main-ul {
    overflow: hidden;
    margin-top: 3rem;
  }

  .fa-bars::before {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%200.72%200.72%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.12.21A.03.03%200%200%201%20.15.18h.42a.03.03%200%201%201%200%20.06H.15A.03.03%200%200%201%20.12.21m0%20.15A.03.03%200%200%201%20.15.33h.42a.03.03%200%201%201%200%20.06H.15A.03.03%200%200%201%20.12.36m0%20.15A.03.03%200%200%201%20.15.48h.42a.03.03%200%201%201%200%20.06H.15A.03.03%200%200%201%20.12.51%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  }

  .fa-times::before {
    content: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%22-0.105%200%200.57%200.57%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22cf-icon-svg%22%3E%3Cpath%20d%3D%22M.341.409a.031.031%200%200%201-.043.044L.18.335.062.453A.031.031%200%201%201%20.018.409L.136.291.019.174A.031.031%200%201%201%20.063.13L.18.248.298.13a.031.031%200%200%201%20.044.044L.224.291z%22%2F%3E%3C%2Fsvg%3E");
  }
}