.search-form {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  margin: $gutter 0;
  width: 100%;

  [type="submit"] {
    flex: 0 0 auto;
    border-left-width: 0;
  }

  label {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media screen and (min-width: #{$screen-tablet}) {
  .search-form {
    justify-content: flex-end;
    label { max-width: 250px; }
  }
}