.tour_section{
    max-width: 80vw;
    margin: 0 auto;
}

h1{
    text-align: center;
    font-size: 4rem;
    padding-top: 12vh;
}

#output {
  margin-top: 2rem;
  font-family: 'Roboto', sans-serif;
  color: white;
  text-align: left;
  padding-bottom: 35vh;
}

.tour-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  background-color: #111;
  color: #fff;
}

.tour-table th,
.tour-table td {
  border: 1px solid #666;
  padding: 22px;
  font-size: 1.2rem;
  text-align: left;
}

.tour-table th {
  background-color: #222;
  font-weight: 600;
  text-transform: uppercase;
}



@media (max-width: 600px) {
    .tour_section {
        max-width: 98vw;
        padding: 0 2vw;
    }

    h1 {
        font-size: 2.2rem;
        padding: 4vh 0;
    }

    #output {
        padding-bottom: 10vh;
        font-size: 1rem;
    }

    .tour-table{
        width: 100%;
        margin: 0 auto;
    }

    .tour-table th,
    .tour-table td {
        padding: 40px 5px;    /* More vertical padding for taller rows */
        font-size: 1.15rem;   /* Larger text for readability */
    }

    #latest_embed {
        max-width: 100vw;
        margin: 1rem 0;
        border-radius: 0;
        box-shadow: none;
    }
}