.top-bar {
  background-color: #ffdc61;
  height: 80px;
  padding: 5px;
  font-family: comic sans MS;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;

  &__logo {
    display: flex;
    align-items: center;
    flex-grow: 0.5;
    justify-content: flex-start;
  }

  &__logo-image {
    width: 80px;
    height: 80px;
  }

  &__input-div {
    width: 70%;
    display: flex;
    align-items: center;
    flex-grow: 3;
  }

  &__input-field {
    width: 96%;
  }

  &__icon-box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-grow: 1.5;
  }

  &__icon {
    width: 50px;
  }
}

@media only screen and (max-width: 870px) {
  .top-bar__tekst {
    display: none;
  }
}