@import "settings";

.top-bar {
  background: white;
  padding: 0;

  .grid-container{
    padding: 0;
  }

  .menu {
    background: white;
    display: flex;

    li {
      flex: 1;
      text-align: center;
      height: 5rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;

      a {
        color: black;
        font-family: "Bahnschrift", Helvetica, Arial, serif;
        font-size: 2rem;
      }

      &.active {
        background: $background-color;

        > a {
          background: $background-color;
        }
      }
    }

    .logo-img {
      height: 4rem;
    }
  }
}