/*body{*/
/*    padding: 50px;*/
/*}*/
/*.swiper-container{*/
/*    height: 900px;*/
/*    .swiper-slide{*/
/*        background: #ccc;*/
/*        display: flex;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*        font-size: 60px;*/
/*        background-size: cover;*/
/*    }*/
/*}*/
@media only screen and (min-width: 601px) {
    .swiper-container{
        height: 880px;
        .swiper-slide{
            background: #ccc;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 60px;
            background-size: cover;
        }
    }
}
/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 600px) {
    .swiper-container{
        height: 650px;
        .swiper-slide{
            /*background: #ccc;*/
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 60px;
        }
    }
}

@media only screen and (max-width: 999px) and (orientation: landscape){
    .swiper-container{
        height: 400px;
        padding-top: 5rem;
    }
    .swiper-pagination{
        margin-top: 1rem;
    }

    .swiper-wrapper{
        height: 260px;
    }
}
@media only screen and (min-width: 1000px) and (orientation: landscape){
    .swiper-container{
        height: 850px;
        padding-top: 4rem;
    }
    .swiper-pagination{
        margin-top: 1rem;
    }

    .swiper-wrapper{
        height: 850px;
    }
}