:root {
    --swiper-navigation-size: 20px;
    --swiper-navigation-color: #fff;
    --swiper-navigation-sides-offset: 20px;
    --swiper-theme-color: rgba(255, 255, 255, 0.1);
}

.swiper {
    width: 100%;
    height: 100%;
}

.img-caption {
    color: #fff7d5;
    font-size: 4vh;
    font-weight: 400;
    bottom: 5vh;
    left: 5vh;
    position: absolute;
}

.slogan {
    position: relative;
    top: 30%;
    color: #fff7d5;
    font-size: 2.5em;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slogan_1 {
    font-weight: 300;
    font-size: 60%;
}

.slogan_2 {
    font-size: 110%;
}

.slogan_3 {
    font-size: 40%;
}

.slogan_4 {
    font-size: 75%;
}


@media (min-width: 600px) {
    .slogan {
        font-size: 4em;
        top: 20%;
    }
}

@media (min-width: 1600px) {
    .slogan {
        font-size: 5em;
        /*top: 30%;*/
    }
}




.slide-background {
    height: 100vh;
    /*height: 500px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 767px) {
    .slide-background {
        height: calc(100vh - 100px);
    }
}