.search-form > form > div {
  display: flex;
  align-items: stretch;
}

.search-form > form > div > label {
  flex: 0 1 auto;

  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 550px) {
  .search-form > form > div > label {
    display: none;
  }
}

.search-form > form > div > input {
  flex: 1;
  width: unset;

  font-size: 1em;
  padding: 0.5em;
}
.search-form > form > div > input[type=submit] {
  flex: 0 1 auto;
}


@media screen and (min-width: 900px) {
  .search-form > form > div {
    flex-direction: column;

  }
}

@media screen and (min-width: 1400px) {
  .search-form > form > div {
    flex-direction: row;
  }
}