﻿.col-text{width:100%;}
.col-text .link-btn{display:inline-block;margin-top:16px}
.col-text .link-btn:first-of-type{margin-right:8px}
.col-widget{width:100%;margin-top:16px;}
.col-widget .link-btn{margin:auto;margin-top:32px;margin-bottom:32px;margin-left:0}

h2.titolo{font-size:32px;text-align:center;width:100%;}
.wrapper-list-appartamenti{margin-top:24px;}
.list-appartamenti{overflow:hidden}


@media(min-width:400px) {
    h2 .titolo{font-size:36px}
}


@media(min-width:500px){
    .wrapper-list-appartamenti{margin-right:-16px}
    .list-appartamenti{display:flex;flex-wrap:wrap;}
    .list-appartamenti .card-appartamento{margin-right:16px;width:calc(50% - 16px);flex-shrink:0;}
}

@media(min-width:850px){
    .wrapper-list-appartamenti{margin-right:-24px}
    .list-appartamenti .card-appartamento{margin-right:24px;width:calc(33.33% - 24px);}
    .col-text{padding-right:24px}
    .col-text .link-btn:first-of-type{margin-bottom:0}
    .col-text .link-btn:last-of-type{margin-top:16px}
    .col-widget{margin-top:0}
    .col-widget .link-btn{margin:auto}
}

@media(min-width:1200px) {
    .list-appartamenti .card-appartamento{width:calc(25% - 24px);}
    h2.titolo{text-align:left}
}

@media(min-width:1280px){
    .col-text{width:50%;padding-right:48px;padding-bottom:0}
    .col-widget{width:50%;}
     h2.titolo{font-size:42px;}
}