.regulations {
  max-width: 1200px; 
  width: 85%; 
  display: block; 
  margin: 5rem auto 8rem auto; 
  margin-top: 10rem;
  text-align: justify;
  color: #292C5F;
}

.regulations h1,
.regulations h2 {
  margin: 4rem 0;
  text-align: center;
}

.regulations h1 {
  font-size: 1.5em;
}

h3 {
  margin: 2rem 0;
  text-align: center;
}

li {
  padding: 0.5rem 0;
  margin-left: 1rem;
}

ol[type="a"] {
  list-style-type: lower-alpha;
}

ol[type="num"] {
  list-style-type: decimal;
}

.regulations p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media(min-width: 576px) {
  .regulations {
    width: 90%; 
  }
}