html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-container-inicio {
    width: 100%;
    height: 100vh;
}
.swiper-slide {
    color: #fff;
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center; 
    align-items: center;
}









.slide-inicio1 {
    background-image: url(../img/1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ed2c44;
}
.slide-inicio2 {
    background-image: url(../img/7.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ed2c44;
}
.slide-inicio3 {
    background-image: url(../img/4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #623f98;
}
.slide-inicio4 {
    background-image: url(../img/8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #fcb813;
}
.slide-inicio5 {
    background-image: url(../img/11.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #eb008b;
}
.slide-inicio6 {
    background-image: url(../img/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #009d4f;
}
.slide-inicio7 {
    background-image: url(../img/12.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ef4e37;
}
.slide-inicio8 {
    background-image: url(../img/13.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #00adee;
}
.slide-inicio9 {
    background-image: url(../img/dorm3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ed2c44;
}
.slide-inicio10 {
    background-image: url(../img/14.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ed2c44;
}
.slide-inicio11 {
    background-image: url(../img/15.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #ed2c44;
}


















@media only screen and (max-width: 700px) {
    .height-fit-content {
        width: 100%;
        height: fit-content;
    }
}