.work-hero {
  padding: 2em;
}

.offer {
  display: flex;
  gap: 2rem;
}

.offer p {
  padding: 0 10%;
  padding-top: 5%;
}

.skill li {
  margin-left: 2rem;
  font-size: .8rem;
}

.work-hero .container {
  border-bottom: 2px dashed var(--color-accent);
}

.container.sub h1, .container.sub h1 span {
  font-size: 4rem;
}



@media (max-width: 900px) {
  .work-hero {
    padding: 8em 2em;
  }

  .offer {
    flex-direction: column;
  }

  .container.sub h1, .container.sub h1 span {
    font-size: 2.5rem;
  }
}