html {
  font-size: 62.5%;
}

body {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  background-color: rgb(255, 236, 236);
}

.container {
  /* margin: 0 12.5% 5% 12.5%; */
  width: min(100%, 640px);
  padding: 5% 12.5%;
  font-family: sans-serif;
  background-color: rgb(255, 255, 255);
}

h1 {
  font-size: 2.75rem;
}

h2 {
  font-size: 2rem;
  color: rgb(82, 82, 82);
}

h3 {
  font-size: 1.5rem;
  color: rgb(101, 101, 101);
}

p {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .container {
    /* margin: 0 12.5% 5% 12.5%; */
    padding: 5% 12.5%;
  }
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  p {
    font-size: 1.75rem;
  }
}