.jumbotron {
  $this: &;
  display: flex;
  background-color: var(--primary);
  color: RGB(var(--primary-text));
  text-align: center;
  border-radius: 0;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: RGB(var(--primary-text));
  }

  a:not(.btn) {
    color: RGB(var(--primary-text));
    opacity: 0.6;

    &:hover {
      opacity: 1;
    }

    .btn {
      opacity: 1;
    }
  }

  &__content {
    width: 100%;
    align-self: center;
  }
}