#section1 {
      background: #0097b2;
  }

  .container1A {
      padding: 5px;
      margin-top: 0px;
      margin-bottom: 10px;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 
                  0px 7px 13px -3px rgba(0, 0, 0, 0.3), 
                  inset 0px -3px 0px rgba(0, 0, 0, 0.2);
  }

  @media (max-width: 767px) {
      .container1A {
          /* width: 100vw;  */
          /* Make the container full width on small screens */
          /* max-width: 100%; */
          margin-left: -10px; /* Adjust margin to ensure full width including padding */
          margin-right: -10px;
          margin-top: 80px;

      }

      #section1 {
          padding-left: 10px; /* Add padding to section to avoid content cut-off */
          padding-right: 10px;
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 
                  0px 7px 13px -3px rgba(0, 0, 0, 0.3), 
                  inset 0px -3px 0px rgba(0, 0, 0, 0.2);
      }
  }

  @media (min-width: 1024px) {
      .container1A {
          max-width: 100%;
      }
  }