section {
    margin: 3vw auto;
}
.hero {
    margin: 0 auto;
    height: 56.25vw;
}
.slideshow-container {
    height: 56.25vw;
}
@media screen and (max-width: 600px) {
    .hero {
        height: 125vw;
    }
    .slideshow-container {
        height: 125vw;
    }
}


/* ------------- SECTION info ------------- */
.info {
    text-align: center;
}
.descrizione {
    width: 50vw;
    margin: 10vw auto 3vw auto;
}
.gratuita {
    margin: 2vw auto 1vw auto;
    font-family: 'Aboreto' , sans-serif;
    /*font-size: 2.5vw;*/
}
.next, .prev {
    top: 45%;
}
.info p.domus {
    margin: 4vw 25vw; 
}
@media screen and (max-width: 600px) {
    .descrizione {
        width: 90vw;
        margin: 10vw auto;
    }
    .gratuita {
        margin: 8vw auto 2vw auto;
        font-family: 'Aboreto' , sans-serif;
        
    }
    .prev, .next {
        font-size: 10vw;
    }
    .info p.domus {
        margin: 12vw 10vw; 
    }
}




/* ------------- SECTION four-img ------------- */

.four-img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.four-img div {
    display: flex;
    margin: 0;
    
}
.four-img .card {
    display: block;
    position: relative;
    width: 49.9vw;
    height: auto;
    text-align: center;
}
.four-img .card img {
    width: 100%;
    height: auto;
}
.four-img .card h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media screen and (max-width: 600px) {
    .four-img div {
        flex-direction: column;
        align-items: center;
    }
    .four-img .card {
        width: 100%;
    }
}

/* ------------- SECTION split-card ------------- */
.split-card {
    display : flex;
    flex-direction:row;
    margin: 0vw auto;
    align-items: center;
}
.split-card.reverse {
    flex-direction: row-reverse;
}
.split-card div {
    flex: 1;
    width: 100%;
    overflow: hidden;
}
.split-card .slideshow-container {
    height: 40.25vw;
}
.split-card .next {
    right: 1vw;
}
.split-card .prev {
    left: 1vw;
}
.split-card.reverse .prev {
    left: 1vw;
}
.split-card .testo p {
    margin-left: 5vw;
    margin-right: 5vw;
}
.split-card .testo h2 {
    margin-left: 5vw;
    margin-right: 5vw;
}

@media screen and (max-width: 600px) {
    .split-card, .split-card.reverse {
        flex-direction: column-reverse;
        margin: 10vw auto;
    }
    .split-card div {
        width: 85vw;
        height: 70vw;
    }
    .split-card .slideshow-container {
        height: 70vw;
    }
    .split-card .testo {
        margin-top: 5vw;
    }
    .split-card .testo p {
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 5vw;
        font-size: 4.8vw;
    }
    .split-card .testo h2 {
        margin-left: 5vw;
        margin-right: 5vw;
 
    }
}

/*------------- SECTION dove siamo -------------*/
.dovesiamo div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 85%;
    margin-left: 7.5%;
    margin-top: 1vw;
}
.dovesiamo div div {
    flex: 1;
    display: block;
}
.dovesiamo .bold {
    font-weight: 400;   
}
.dovesiamo .bold:first-child {
    margin-bottom: 2vw;  
}
.dovesiamo .phone {
    margin: 1.8vw auto;
}
@media screen and (max-width: 600px) {
    .dovesiamo div {
        flex-direction: column;
        margin: 3vw auto;

    }
    .dovesiamo .indirizzo {
        text-align: center;
    }

}



/* ------------- SECTION comforts ------------- */
section.comforts {
    margin: 6vw auto;
}
section.comforts h2 {
    margin-bottom: 1vw;
}
section.comforts .absolute {
    width: 80%;
    display: flex;
    align-items: flex-start;
    text-align: center;
    color: #fff;
    top: 52%;
    left: 9%;
    transform: translateY(-50%);
}
section.comforts .absolute .comfort {
    margin: 6vw 0 4vw 0;
}
section.comforts .absolute .comfort .phone {
    color: #fff;
    font-size: 3.4vw;
}
section.comforts .absolute .comfort p {
    margin-top: 1vw;
}
section.comforts .absolute .comfort {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    height: auto;
    align-items: flex-start;
    justify-content: space-around;
    text-align: center;   
}
section.comforts .comfort img {
    width: 6vw;
    margin: 0 auto 1vw auto;
}
@media screen and (max-width: 600px) {
    section.comforts .absolute {
        flex-direction: column;
    }
    section.comforts .absolute .comfort {
       margin: 5vw auto;
    }
    section.comforts .comfort img {
        width: 12vw;
    } 
    section.comforts h2 {
        margin-bottom: 4vw;
    }
}