/* Page Content */
.content {padding:2px;}

/* Style the body */
    body {
      margin: 0;
      font-family: 'Oswald', sans-serif;
      background: #123abc9c;
      color: #f4f4f4;
    }
    header {
        padding: 2px;
        text-align: center;
        justify-content: center;
        align-items: center;
        background: #123abc9c;
        display: flex;
        color: white;
        font-size: 4vw;
    }
        header h1 {
        font-size: 4vw;
        background: rgba(0, 0, 0, 0.6);
        padding: 2px;
    }
    
/* font face=arial color=black size=7 */
    headerz {
        padding: 4px;
        text-align: center;
        justify-content: center;
        align-items: center;
        /*background: #123abc9c;*/
        display: flex;
        color: white;
        font-size: 4vw;
    }
        headerz hz {
        padding: 4px;
        font-size: 4vw;
        background: black;
    }

/* ===== Table Def ===== */
    table, th, td {
      border: 0px solid black;
      border-collapse: collapse;
    }
    tr:nth-child(odd) {
      background-color: #D6EEEE;
      background-color: blue;
    }
    th, td {
      padding-left: 10px;
      padding-right: 10px;
      padding: 10px;
    }

/* ===== Navigation ===== */
    nav {
      background: #000;
      display: flex;
      justify-content: center;
      padding: 1vw;
    }
    nav a {
      text-decoration: none;
      color: #f4f4f4;
    }
    section {
      margin: auto;
    }
    footer {
      background: #ffffff;
      text-align: center;
      padding: 2vw;
      font-size: 0.9vw;
    }

/* ===== Tour Section ===== */
.tour-date {
  background: #1a1a1a;
  margin: 15px 0;
  padding: 1vw;
  border-radius: 2vw;
}

.tour-date a {
  color: #e50914;
  text-decoration: none;
}

/* ===== Contact / Form ===== */
#newsletter form {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

#newsletter input {
  padding: 10px;
  width: 250px;
  border-radius: 4px;
  border: none;
}

#newsletter button {
  background-color: #e50914;
  color: white;
  border: none;
  padding: 10px 16px;
  border-radius: 4px;
  cursor: pointer;
}

#lightbox {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  justify-content: center;
  align-items: center;
}

#lightbox img {
  max-width: 90%;
  max-height: 90%;
}

form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 500px;
  margin: 20px auto;
}

input, textarea {
  padding: 10px;
  border: none;
  border-radius: 4px;
  font-size: 1em;
  width: 100%;
}

button {
  background-color: #e50914;
  color: white;
  border: none;
  padding: 12px;
  font-size: 1em;
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  background-color: #b0060f;
}

img1 {
  opacity: 0.25;
}

background1 {
  opacity: 0.25;
}

.bg-image {
  /* The image used */
  background-image: url("img/instruments.jpeg");
}