/* Header Section */
header {
    height: 100vh; 
    width: 100%;
    position: relative;
}

/* Intro Section */
#intro-section h2 {
    font-family: 'Times New Roman', Times, serif;
    padding: 0;
    margin: 5px 0px 5px 0px;
    font-size: 25px;
    text-align: center;
}
#intro-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}

/* Links Section */
#links-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    margin: 0;
}
#links-section a {
    text-decoration: none;
    color: black;
    display: block;
    width: fit-content;
    font-family: 'Cagliostro', sans-serif;
}
#links-section a:hover {
    font-weight: bold;
}

/* Price Section */
#price-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#price-section h3 {
    font-family: 'Times New Roman', Times, serif;
    margin: 10px 0px 9px 0px;
}
#price-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#price-section li {
    font-family: 'Cagliostro', sans-serif;
}

/* Module Section */
#module-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#module-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}

/* Season Section */
#season-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#season-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
.season-row {
    width: 100%;
    display: flex;
}
#season-section p:last-of-type {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
    text-align: center;
}
#season-section picture {
    width: 315px;
    height: 436px;
    margin: 0px 10px 10px 10px;
    display: flex;
    justify-self: center;
    cursor: pointer;
}
#season-section img {
    width: 315px;
    height: 436px;
    object-fit: cover;
    object-position: center;
}

/* Date Section */
#date-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#date-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#date-section p:last-of-type {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 20px 0px;
}
#date-section li {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 0;
}

/* Info Section */
#info-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#info-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#info-section li {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 0;
}

/* Terms Section */
#terms-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#terms-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#terms-section p:last-of-type {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 20px 0px;
}
#terms-section li {
    font-family: 'Cagliostro', sans-serif;
}
#sub-list {
    list-style-type: ' - ';
}

/* Location Section */
#location-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#location-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#location-section li {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 0;
}
#location-section a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-family: 'Cagliostro', sans-serif;
}

/* Booking Section */
#booking-section h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 22px;
    margin: 0;
    text-align: center;
}
#booking-section p {
    font-family: 'Cagliostro', sans-serif;
    padding: 0;
    margin: 5px 0px 0px 0px;
}
#booking-section > a:first-of-type {
    text-decoration: none;
    width: fit-content;
    font-family: 'Cagliostro', sans-serif;
    margin: 10px 0px 5px 20px;
}
#booking-section a {
    text-decoration: none;
    width: fit-content;
    font-family: 'Cagliostro', sans-serif;
    margin: 10px 0px 5px 0px;
}
#booking-section a:hover {
    font-weight: bold;
}
#booking-section span {
    font-family: 'Cagliostro', sans-serif;
}
#booking-section div {
    margin-left: 20px;
}

/* Footer Section */
footer {
    z-index: 1;
}

/* Small screens (Mobile) */
@media only screen and (max-width: 600px) {
   /* Header Section */
    #header-picture {
        width: 100vw;
        height: 100vh;
    }
    header img {
        object-fit: cover;
        object-position: center;
        height: 100%; 
        width: 100vw;
    }
    header nav {
        position: absolute;
        top: 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 20px);
        padding: 0px 10px 0px 10px;
    }
    header h2 {
        cursor: pointer;
        font-family: "Merienda", cursive;
        font-size: 25px; 
        color: white; 
    }
    h1 {
        position: absolute;
        top: 60%;
        left: 20%;
        color: white;
        font-family: 'Times New Roman', Times, serif;
        font-size: 30px;
        text-transform: uppercase;
    }

    /* Intro Section */
    #intro-section {
        width: 90%;
        margin: 3% auto 20px auto;
        visibility: hidden;
    }

    /* Links Section */
    #links-section {
        width: 90%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }

    /* Women Picture */
    #women-pic {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Price Section */
    #price-section {
        width: 90%;
        margin: 3% auto 10px auto;
        visibility: hidden;
    }

    /* Module Section */
    #module-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }

    /* Party Picture */
    #party-pic {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Season Section */
    #season-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }
    .season-row span {
        width: 33%;
        font-family: 'Cagliostro', sans-serif;
    }

    /* Mountain Picture */
    #mountain-pic {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Date Section */
    #date-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }

    /* Info Section */
    #info-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }

    /* Terms Section */
    #terms-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }

    /* Location Section */
    #location-section {
        width: 90%;
        margin: 3% auto 3% auto;
        visibility: hidden;
    }

    /* Hut Picture */
    #hut-pic {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Booking Section */
    #booking-section {
        width: 90%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }
}

/* Medium screens (Tablets) */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
   /* Header Section */
    #header-picture {
        width: 100%; 
        height: 100vh; 
    }
    header img {
        object-fit: cover;
        height: 100%; 
        width: 100%; 
    }
    header nav {
        position: absolute;
        top: 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 60px);
        padding: 0px 30px 0px 30px;
    }
    header h2 {
        cursor: pointer;
        font-family: "Merienda", cursive;
        font-size: 40px; 
        color: white; 
    }
    h1 {
        position: absolute;
        top: 60%;
        left: 30%;
        color: white;
        font-size: 40px; 
        font-family: 'Times New Roman', Times, serif;
        text-transform: uppercase;
    }

    /* Intro Section */
    #intro-section {
        width: 65%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Links Section */
    #links-section {
        width: 65%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }

    /* Women Picture */
    #women-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Price Section */
    #price-section {
        width: 65%;
        margin: 20px auto 10px auto;
        visibility: hidden;
    }

    /* Module Section */
    #module-section {
        width: 65%;
        margin: 20px auto 3% auto;
        visibility: hidden;
    }

    /* Party Picture */
    #party-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Season Section */
    #season-section {
        width: 65%;
        margin: 20px auto 3% auto;
        visibility: hidden;
    }
    .season-row span {
        width: 25%;
        font-family: 'Cagliostro', sans-serif;
    }

    /* Mountain Picture */
    #mountain-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Date Section */
    #date-section {
        width: 65%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Info Section */
    #info-section {
        width: 65%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Terms Section */
    #terms-section {
        width: 65%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Location Section */
    #location-section {
        width: 65%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Hut Picture */
    #hut-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Booking Section */
    #booking-section {
        width: 65%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }
}

/* Large screens (Desktops) */
@media only screen and (min-width: 1025px) {
    /* Header Section */
    #header-picture {
        width: 100%;
        height: 100vh; 
    }
    header img {
        object-fit: cover;
        object-position: center;
        height: 100%; 
        width: 100%;
    }
    header nav {
        position: absolute;
        top: 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 60px);
        padding: 0px 30px 0px 30px;
    }
    header h2 {
        cursor: pointer;
        font-family: "Merienda", cursive;
        font-size: 40px; 
        color: white; 
    }
    h1 {
        position: absolute;
        top: 60%; 
        left: 30%;
        color: white;
        font-size: 50px; 
        font-family: 'Times New Roman', Times, serif;
        text-transform: uppercase;
    }

    /* Intro Section */
    #intro-section {
        width: 55%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Links Section */
    #links-section {
        width: 55%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }

    /* Women Picture */
    #women-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Price Section */
    #price-section {
        width: 55%;
        margin: 20px auto 10px auto;
        visibility: hidden;
    }

    /* Module Section */
    #module-section {
        width: 55%;
        margin: 20px auto 3% auto;
        visibility: hidden;
    }

    /* Party Picture */
    #party-pic {
        width: 100%;
        height: 650px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Season Section */
    #season-section {
        width: 55%;
        margin: 20px auto 3% auto;
        visibility: hidden;
    }
    .season-row span {
        width: 25%;
        font-family: 'Cagliostro', sans-serif;
    }

    /* Mountain Picture */
    #mountain-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Date Section */
    #date-section {
        width: 55%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Info Section */
    #info-section {
        width: 55%;
        margin: 0px auto 20px auto;
        visibility: hidden;
    }

    /* Terms Section */
    #terms-section {
        width: 55%;
        margin: 0px auto 20px auto;
        visibility: hidden;
    }

    /* Location Section */
    #location-section {
        width: 55%;
        margin: 20px auto 20px auto;
        visibility: hidden;
    }

    /* Hut Picture */
    #hut-pic {
        width: 100%;
        height: 500px;
        object-fit: cover;
        object-position: center;
        margin: 0;
        padding: 0;
        border: 0;
        visibility: hidden;
    }

    /* Booking Section */
    #booking-section {
        width: 55%;
        margin: 10px auto 3% auto;
        visibility: hidden;
    }

}