#titolo-paragrafo-container p,
#titolo-paragrafo-container .paragrafo{max-width:600px;margin-top:0}
#main{max-width:400px;margin:auto;}
.immagini-sistemazione-container{overflow:hidden;cursor:pointer}
.card-sistemazione{background:#fff;margin-bottom:32px;display:block;text-decoration:none}
.nome-sistemazione span{font-weight:700;}
.container-card-dati{padding:16px 24px}
.container-card-dati .nome-sistemazione{margin:10px 0;font-size:24px;}  
.container-card-dati .descrizione-breve-sistemazione{line-height:27px;margin:15px 0}
.link-scopri{display: inline-block;border: 2px solid #329BD1;padding: 8px 16px;font-size: 15px;color:#329BD1;text-decoration:none}
.link-scopri:hover{background:#329BD1;color:#fff}
.container-card-dati .container-icone-small{padding:10px 0 16px}
.link-scopri:hover .la-long-arrow-alt-right{color:#fff}
.icona-tipologia-appartamento{display:block;padding:16px 0 0}
.card-sistemazione img{width:100%;}


.descrizione-breve-sistemazione{padding-right:6px;}
.descrizione-breve-sistemazione::-webkit-scrollbar {width: 6px;}
.descrizione-breve-sistemazione::-webkit-scrollbar-track {}
.descrizione-breve-sistemazione::-webkit-scrollbar-thumb {background:rgba(50, 155, 209,.75)}
.descrizione-breve-sistemazione{scrollbar-color: rgba(50, 155, 209,.75) transparent;scrollbar-width: thin;} /* firefox */



@media(min-width:768px) {
    #main{max-width:100%;}
    #main .w3-row{margin-right:-32px;}
    .card-sistemazione{max-width:100%;width:calc(50% - 32px);margin-right:32px;margin-bottom:32px;}  
    .container-card-dati .descrizione-breve-sistemazione{line-height:24px;text-align:justify;margin-top:7px;height:180px;overflow:auto}
}

@media(min-width:1024px){
    .container-card-dati .descrizione-breve-sistemazione{height:140px}
}

@media(min-width:1124px){   
    .card-sistemazione{width:calc(33.33% - 32px);margin-right:32px;margin-bottom:32px;}   
    .container-card-dati .descrizione-breve-sistemazione{height:180px}
    .container-card-dati .nome-sistemazione{font-size:21px;}  
}

@media(min-width:1280px){
    #main .w3-row{margin-right:-32px}
    .container-card-dati{padding:4px 20px 20px 20px}
    .container-card-dati .nome-sistemazione{margin:10px 0;font-size:24px;}
    .container-card-dati .descrizione-breve-sistemazione{line-height:24px;text-align:justify;margin-top:7px;height:144px}
    .container-card-dati .icone-top{padding:8px 0}
    .container-card-dati .container-icone-small{padding:10px 0 16px}
    .card-sistemazione{width:calc(33.33% - 32px);margin-right:32px;margin-bottom:32px;}
}