body {
    scroll-behavior: smooth;
    /* height: 100vh; */
    /* height: calc(var(--vh, 1vh) * 100); */
    height: initial;
    display: flex;
}

.content-container {
    position: fixed;
    width: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100); 
    display: flex;
    align-items: center;
}

.page-container {
    position: relative;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100%;
}

#contact {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2.5vh 3vh;
    z-index: 10;
}

footer {
    z-index: 10;
}


@media screen and (max-width: 599px) {

    .swiper-slide-flex { 
        display: flex; 
        justify-content: center; 
        align-items: center;
    }

    img {
        width: 250%;
    }

    #contact {
        padding: 1vh;
    }

    footer {
        padding: 1vh;
    }
}