* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  body {
      margin: 0;
      font-family: 'Arial', sans-serif;
      background-color: #ffffff;
    }
  
    .nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.9);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        padding: .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
      }
  
    .nav img {
      height: 32px;
      margin-inline: 0 1rem;
    }

    .nav-links {
        list-style: none; /* Removes bullet points */
        display: flex; /* Makes list items display in a row */
        gap: 2rem; /* Space between links */
        align-items: center;
        padding: 0;
        margin: 0;
    }
    
    /* Style for each list item */
    .nav-links li {
        display: inline-block;
    }


/* Banner Section */
.banner {
margin-top: 4rem;  
}
  
.banner img {
    width: 100%;
    height: auto;
    display: block;
    padding: 0px; /* Optional: adds padding around the image */
}

/* content */

.container2 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
  }

  .image2 {
    display:flex;
    padding: .5% .5%;
    width: 50%;
  }


  .container3 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
  }

  .image3 {
    flex: 0 0 33.3%;
    padding: .5% .5%;
    width: 33.3%;
    object-fit: stretch;
  }

  .container4 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
  }

  .image4 {
    display:flex;
    padding: .5% .5%;
    width: 25%;
  }





  /* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 500px) {
  
    .container2 {
      flex-direction: column;
      align-items: center;
    }
  
    .image2 {
      width: 100%;
    }
    
    .container3 {
      flex-direction: column;
      align-items: center;
    }
  
    .image3 {
      width: 100%;
    }
    
    .container4 {
      flex-direction: column;
      align-items: center;
    }
  
    .image4 {
      width: 100%
    }
  
    .container6 {
      flex-direction: column;
      align-items: center;
    }
  
    .image6 {
      width: 100%
    }
  
    
    .container66 {
      flex-direction: column;
      align-items: center;
    }
  
    .image66 {
      width: 100%
    }
  
    .image33 {
      width:100%
    }
  }


  /* Footer */
footer {
    background: rgba(0, 0, 0, 0.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: ffffff;
}