.header {
  padding: 4.25rem 1rem 5rem 1rem;
  width: 100%;
  max-width: 35rem;
  margin-inline: auto;
}

.header--reduced-padding {
  padding: 2rem;
}

.header__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  width: 100%;
}

.header__title {
  display: flex;
  justify-content: center;
}

.header__present {
  display: flex;
  justify-content: flex-end;
}

@media (width >= 48rem) {
  .header__container {
    padding-right: 4rem;
  }
}