@import url("../common/variables.css");

.main-container {
  display: grid;
  grid-template-rows: 6rem auto;
  margin: 0 auto;
  max-width: 160rem;
  padding-left: 8rem;
  padding-right: 8rem;
  padding-top: 3rem;
  padding-bottom: 10rem;
}

/* MARK: HEADER */

.header-logo {
  height: 3rem;
}

/* MARK: DETAILS */

.details-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;
}

.main-heading {
  margin-top: 6rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--text-color);
}

.heading {
  margin-top: 6rem;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--text-color);
}

.description {
  margin-top: 2.4rem;
  font-size: 1.8rem;
  font-weight: 100;
  line-height: 1.8;
  color: var(--text-color);
}

.bullet-list-item {
  margin-left: 3.2rem;
}