#vacancies {
  display: flex;
  margin: 1rem -0.5rem;
  flex-wrap: wrap;
}
#vacancies .vacancy {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 3em;
}
#vacancies .vacancy__content {
  font-size: 1rem;
  font-family: inherit;
  max-height: 10em;
  transition: max-height 0.4s ease-in-out, mask-image 0.4s ease-in-out;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
  overflow-y: hidden;
}
#vacancies .vacancy.active .vacancy__content {
  max-height: 200vh;
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, black 100%);
  mask-image: linear-gradient(to bottom, black 0%, black 50%, black 100%);
}
#vacancies .vacancy__title {
  min-height: 2.4em;
}
#vacancies .vacancy__image img {
  display: block;
  object-fit: cover;
  height: 25em;
  width: 100%;
}

@media only screen and (min-width: 1000px) {
  .vacancy {
    width: 50% !important;
  }
}

/*# sourceMappingURL=style.css.map */