h1 {
  color: rgb(255, 255, 255);
  padding-left: 100px;
  padding-right: 30px;
  text-shadow:
    0px 1px 4px #000000;
}

p,
li {
  font-size: 18px;
}

h2,
h3,
h4,
h5,
h6 {
  color: rgb(0, 0, 0);
}

html,
body {
  background-color: #edf2f1;
  margin: auto;
}

.header-background {
  background: linear-gradient(to bottom, #faf9f600 0%, #faf9f600 70%, #edf2f1 100%), url('../14.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  /* vh stands for viewport height */
  padding-top: 50px;
}

.header {
  padding-top: 100px;
  padding-bottom: 20px;
}

.bold {
  font-weight: bold;
}

.paddington {
  padding-left: 0px;
}

.content {
  padding-left: 0px;
  padding-right: 0px;
}

.w3-top {
  z-index: 9999;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 600px) {
  h1 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 48px;
    /* Adjust font size for mobile */
  }

  .header {
    padding-top: 60px;
    /* Reduce top padding on mobile */
  }
}