.web-banner {
  min-height: 120vh;
  background-image: url('images/website-design-content-layout-graphic.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block; /* safer than flex if no content */
}

/* Mobile Fix */
@media (max-width: 768px) {
  .web-banner {
    min-height: 250px;           /* shorter height for mobile */
    padding: 60px 15px;
    background-position: top center;
    background-size: cover;      /* maintain cover even on mobile */
  }
}


.web-section {
      padding: 60px 20px;
      max-width: 1200px;
      margin: auto;
    }

    .web-section h2 {
      font-size: 32px;
      color: blue;
      margin-bottom: 20px;
    }

    .web-section p {
      font-size: 18px;
      color: #555;
      margin-bottom: 25px;
    }

    .web-section ul {
      margin-left: 20px;
      color: #001f3f;
      font-size: 18px;
    }

    @media (max-width: 768px) {
      .web-banner {
        padding: 60px 15px;
        background-position: center top;
      }

      .web-section h2 {
        font-size: 24px;
      }

      .web-section p, .web-section ul {
        font-size: 16px;
      }

      .web-section ul {
        margin-left: 0;
        list-style-position: inside;
      }
    }