/* Content sections.
       The class sits on <main> (not on each <section>) so these typography
       rules reach every section while `service_demo4` keeps sole ownership of
       the section box model: its own padding, 93% width and the fade-to-blue
       gradient. Putting both classes on one element let this block's `padding`
       shorthand zero out service_demo4's side gutters. */
    .content-section {
      padding: 60px 0;
      min-height: 60vh;
    }
    .content-section h1 {
      font-size: 36px;
      font-weight: 700;
      margin-bottom: 40px;
    }
    .content-section h2 {
      font-size: 22px;
      margin: 30px 0 15px;
      color: #165df5;
    }
    .content-section p, .content-section li {
      color: #ccc;
      line-height: 1.8;
      margin-bottom: 15px;
    }
    .content-section ul {
      margin-left: 25px;
      margin-bottom: 20px;
    }
    .content-section a {
      color: #165df5;
    }