#content .row {
  width:1400px;
  max-width:100%;
  margin:0 auto;
  padding:3rem 1rem;
  padding-top:4.75rem;
  font-family:sans-serif;
  --bs-gutter-x:0;
}

#content h1 {
  font-family:Roboto-Thin;
  font-weight:600;
  letter-spacing: .05em;
  margin:.5rem 0;
  font-size:22px;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 1px;
}

#content .row span {
  color:#555;
  font-size:12px;
  margin-bottom:1rem;
}

#content h2 {
  font-family:Roboto-Thin;
  font-weight:600;
  letter-spacing: .05em;
  margin:1rem 0;
  margin-top:1rem;
  font-size:20px;
  color:#005476;
}

#content .row p {
  font-size:15px;
  font-family:sans-serif;
  line-height:1.55;
}

#content .row ul {
  margin-left:1rem;
  font-size:15px;
  width: fit-content;
}

#content .row ul li ul {
  margin-left:0;
  padding-left:1.5rem;
  list-style-type:circle;
}

#content .row ul li span {
  font-size:15px;
  font-weight: 600;
  color:#000;
}

#content .row div {
  margin-left: 1rem;
  width: fit-content;
}

#content .row h3 { 
  font-size:18px;
  font-weight:600;
  letter-spacing: 0.07em;
  font-family: Roboto, sans-serif;
  margin-top:.5rem;
}

#content .row div h3 { 
  margin-top:.0;
}

#content .row div h4 { 
  font-style: normal;
  margin-top:.5rem;
}

#content .row h4 { 
  margin-top:1rem;
  font-size:16px;
  color:#005476;
  font-weight:600;
  letter-spacing: 0.07em;
  font-family: Roboto, sans-serif;
  font-style: oblique;
}


@media only screen and (min-width: 768px) {
  #content .row {
    padding:3rem 1.5rem;
    padding-top:7rem;
  }
  #content h1 {
    font-size:26px;
    margin:1rem 0;
  }
  #content h2 {
    font-size:22px;
    margin-top:1.5rem;
  }
  #content .row p, #content .row ul, #content .row ul li span {
    font-size:16px;
  }
  #content .row ul li ul {
    padding-left:2rem;
  }
  #content .row div {
    margin-left:2rem;
  }
}