body {
    margin: 0;
    padding: 0;
    background-color: black;
    overflow-x: hidden;
}

.page,
.info {
    position: relative;
    width: 100vw;
    aspect-ratio: 16 / 9;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.page {
    background-image: url("images/backgroundwebpage 1.JPEG");
}

.info {
    background-image: url("images/backgroundwebpage 2.jpg");
}

.social {
    position: absolute;
    width: 7.8%;
    height: auto;
}

.tiktok {
    top: 4%;
    left: 4%;
}

.facebook {
    top: 4%;
    left: 13%;
}

.youtube {
    top: 4%;
    left: 22%;
}

.instagram {
    top: 4%;
    left: 31%;
}

.info-text {
    position: absolute;
    top: 8%;
    left: 5%;
    width: 35%;
    color: black;
    text-shadow: 2px 2px 8px white;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.info-text h1 {
    font-size: 4vw;
    margin-bottom: 2vw;
}

.info-text p {
    font-size: 1.55vw;
    line-height: 1.35;
    margin-bottom: 1.5vw;
}
.gallery{
    width: 100%;
    min-height: 50vh;

    background-image: url("images/backgroundwebpage 3.JPEG");
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 97%;
}
.gallery2 {
    width: 100%;
    min-height: 70vh;

    background-image: url("images/backgroundwebpage 4.JPEG");
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 98%;
    background-color: black;
}