:root{
    --brown: #735135;
    --blue: #233148;
    --blue2: #32415a;
    --blue3: #677a99;
    --blue4: #9ca9be;
    --black: #000000;
    --panna: #e0d9d3;
    --white: #ffffff;
    --red: #6f1a07;
    --grey1: #adaaaa;
    --grey2: #ececec;
    --gold: #a27e38;
    --gold2: #8f6d29;
    --gold3: #9b7833;
}

p{
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h2{
    font-family: "Lekton", monospace;
    font-weight: 700;
    font-style: normal;
}

/* Title Section */
.specing{
    height: 300px;
    width: 100%;
    text-align: center;
}

.specing h2{
    margin-top: 50px !important;
    margin: 20px 0px;
    font-size: 50px;
}

/* Minor Spacing */
.empty-space-15{
    width: 100%;
    height: 15px;
}

.empty-space-10{
    width: 100%;
    height: 10px;
}

.empty-space-5{
    width: 100%;
    height: 5px;
}

.empty-ver-space-30{
    width: 30px;
    height: 100%;
}

.empty-ver-space-15{
    width: 15px;
    height: 100%;
}

.empty-ver-space-10{
    width: 10px;
    height: 100%;
}

.empty-ver-space-5{
    width: 5px;
    height: 100%;
}

/* Gallery Section */
/* Content Arrangment */
.content-to-row{
    display: flex;
    flex-direction: row;
}

.content-to-column{
    display: flex;
    flex-direction: column;
}

.content-to-center{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.content-height-600{
    height: 600px;
}

/* Font */
.bigger-font{
    font-size: 50px;
}

/* Width Dimension */
.width-dimension-25{
    width: 25%;
}

.width-dimension-30{
    width: 30%;
}

.width-dimension-40{
    width: 40%;
}

.width-dimension-50{
    width: 50%;
}

.width-dimension-60{
    width: 60%;
}

.width-dimension-65{
    width: 65%;
}

.width-dimension-70{
    width: 70%;
}

.width-dimension-75{
    width: 75%;
}

.full-width{
    width: 100%;
}

.full-width-f{
    width: 100%;
}

/* Height Dimension */
.height-100-f{
    height: 100%;
}

.height-100{
    height: 100%;
}

.height-50{
    height: 50%;
}

/* Title Div Style */
.title-section-3{
    width: 100%;
    height: 100px;
    background-color: var(--blue4);
    border-radius: 100px;
}

/* Image Positioning */
.bottom-center{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.top-center{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.bottom-right{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* Section 1 & Section 4 bottega.html & office.html */
/* Column 1 */
.title-section-1{
    width: 120%;
    height: 250px;
    margin-left: -20%;
    background-color: var(--blue3);
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.col-1-img-1{
    width: 100%;
    height: 600px;
    margin-bottom: -50px;
    background-color: var(--black);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
}

/* Column 2 */
.col-2-img-1{
    width: 100%;
    height: 50%;
    background-color: var(--blue2);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.col-2-img-2{
    width: 100%;
    height: 50%;
    background-color: var(--blue2);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

/* Column 3 */
.col-3-img-1{
    width: 100%;
    height: 275px;
    margin-top: -75px;
    background-color: var(--black);
    border-radius: 150px;
}

.col-3-img-2{
    width: 50%;
    height: 110%;
    margin-bottom: -10%;
    background-color: var(--blue2);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.col-3-img-3{
    width: 60%;
    height: 100%;
    margin-right: -10%;
    background-color: var(--blue4);
    border-top-left-radius: 190px;
    border-top-right-radius: 190px;
}

/* Stili Foto */
.stile-foto-1-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.stile-foto-2-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
}

.stile-foto-3-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.stile-foto-4-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.stile-foto-5-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 150px;
}

.stile-foto-6-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.stile-foto-7-bot{
    display: block;
    width: 100%;
    height: 100%;
    border-top-left-radius: 190px;
    border-top-right-radius: 190px;
}

/* Section 2 & Section 6 zliving.html & particWork.html */
/* Column 1 */
.col-1-img-1-sec-2{
    width: 100%;
    height: 300px;
    background-color: var(--black);
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.col-1-img-2-sec-2{
    width: 120%;
    height: 300px;
    margin-left: -20%;
    background-color: var(--blue4);
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

/* Column 2 */
.col-2-img-1-sec-2{
    height: 375px;
    background-color: var(--blue4);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.title-section-2{
    width: 100%;
    height: 225px;
    background-color: var(--gold);
    border-radius: 62.5px;
}

.col-2-img-2-sec-2{
    width: 100%;
    height: 300px;
    margin-bottom: -100px;
    background-color: var(--blue2);
    border-radius: 100px;
}

/* Column 3 */
.col-3-img-1-sec-2{
    width: 100%;
    height: 246px;
    background-color: var(--blue4);
    border-radius: 100px;
}

.col-3-img-2-sec-2{
    width: 100%;
    height: 569px;
    background-color: var(--black);
    border-top-left-radius: 198px;
    border-top-right-radius: 198px;
    border-bottom-left-radius: 50px;
}

/* Column 4 */
.col-4-img-1-sec-2{
    width: 120%;
    height: 75%;
    margin-top: -15%;
    background-color: var(--blue2);
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.col-4-img-2-sec-2{
    width: 100%;
    height: 40%;
    background-color: var(--blue4);
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

/* Stili Foto Living */
.stile-foto-l-1{
    display: block;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.stile-foto-l-2{
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
}

.stile-foto-3{
    border-radius: 100px;
}

.stile-foto-l-4{
    border-radius: 62.5px;
}

.stile-foto-l-5{
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.posizione-immagine {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.stile-foto-l-6{
    border-radius: 100px;
}

.stile-foto-l-7{
    border-top-left-radius: 198px;
    border-top-right-radius: 198px;
    border-bottom-left-radius: 50px;
}

.stile-foto-l-8{
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.stile-foto-l-9{
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

/* Section 3 & Section 5 bedroom.html & laser.html */
/* Column 1 */
.col-1-img-1-sec-5{
    width: 100%;
    height: 250px;
    background-color: var(--black);
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.col-1-img-2-sec-5{
    width: 120%;
    height: 250px;
    margin-left: -20%;
    background-color: var(--blue2);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.col-1-img-3-sec-5{
    width: 100%;
    height: 200px;
    background-color: var(--blue2);
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

/* Column 2 */
.col-2-img-1-sec-5{
    width: 100%;
    height: 450px;
    margin-top: -35px;
    background-color: var(--blue2);
    border-radius: 50px;
}

.col-2-img-2-sec-5{
    width: 100%;
    height: 300px;
    background-color: var(--blue2);
    border-radius: 50px;
}

/* Column 3 */
.col-3-img-1-sec-5{
    width: 100%;
    height: 200px;
    background-color: var(--black);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.col-3-img-2-sec-5{
    width: 100%;
    height: 300px;
    background-color: var(--gold2);
    border-radius: 50px;
}

.col-3-img-3-sec-5{
    width: 100%;
    height: 250px;
    background-color: var(--blue2);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

/* Column 4*/
.col-4-img-1-sec-5{
    width: 100%;
    height: 320px;
    margin-top: -50px;
    background-color: var(--blue4);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.col-4-img-2-sec-5{
    width: 110%;
    height: 100px;
    margin-right: -10%;
    background-color: var(--blue2);
    border-radius: 50px;
}

.col-4-img-3-sec-5{
    width: 100%;
    height: 330px;
    background-color: var(--blue2);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

/* Stili Foto Laser */
.stile-foto-la-1{
    width: 100%;
    height: 100%;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

.stile-foto-la-2{
    width: 100%;
    height: 100%;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.stile-foto-la-3{
    width: 100%;
    height: 100%;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

.stile-foto-la-4, 
.stile-foto-la-5, 
.stile-foto-la-7,
.stile-foto-la-10{
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.stile-foto-la-8{
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.stile-foto-la-9{
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.stile-foto-la-11{
    width: 100%;
    height: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

/* SECTION OF THE DEVIL */
/* DO NOT CROSS THIS LINE */
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HOPING THAT THE BLIND GODESS IS WITH YOU */
/* ATTENTION */
/* ACHTUNG */
/* ATTENZIONE */
/* LASCIATE OGNI SPERANZA VOI CHE ENTRATE */
/* 
    Best Of The Best Section
*/
/* 1° Block */
/* Row 1 */
.block-1-row-1-img-1{
    width: 40%;
    height: 300px;
    background-color: var(--blue2);
    border-radius: 50px;
    border-top-left-radius: 0px;
}

.block-1-row-1-img-2{
    width: 60%;
    height: 350px;
    margin-top: -50px;
    background-color: var(--blue2);
    border-radius: 50px;
    border-bottom-right-radius: 0px;
}

/* Row 2 */
.block-1-row-2-img-1{
    width: 70%;
    height: 400px;
    margin-left: -10%;
    background-color: var(--blue3);
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
}

.block-1-row-2-img-2{
    width: 40%;
    height: 400px;
    background-color: var(--blue2);
    border-radius: 50px;
    border-bottom-right-radius: 0px;
}

/* Row 3 */
.block-1-row-3-img-1{
    width: 100%;
    height: 250px;
    background-color: var(--black);
    border-radius: 50px;
    border-top-right-radius: 0px;
}

/* Column 1 */
.block-1-col-1-img-1{
    width: 100%;
    height: 25%;
    background-color: var(--blue2);
    border-radius: 50px;
}

.block-1-col-1-img-2{
    width: 100%;
    height: 50%;
    background-color: var(--blue3);
    border-radius: 50px;
}

.block-1-col-1-img-3{
    width: 100%;
    height: 25%;
    background-color: var(--blue4);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

/* Column 2 */
.block-1-col-2-img-1{
    width: 120%;
    height: 60%;
    margin-right: -20%;
    margin-top: -20%;
    background-color: var(--blue2);
    border-radius: 50px;
    border-bottom-left-radius: 100px;
}

.block-1-col-2-img-2{
    width: 100%;
    height: 60%;
    background-color: var(--blue3);
    border-radius: 50px;
    border-top-left-radius: 100px;
}

/* 2° Block*/
/* Row 1 */
.block-2-row-1-img-1{
    width: 25%;
    height: 250px;
    background-color: var(--blue2);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.block-2-row-1-img-2{
    width: 30%;
    height: 250px;
    background-color: var(--black);
    border-radius: 50px;
}

.block-2-row-1-img-3{
    width: 25%;
    height: 250px;
    background-color: var(--blue2);
    border-radius: 50px;
}

.block-2-row-1-img-4{
    width: 25%;
    height: 250px;
    margin-right: -5%;
    background-color: var(--blue3);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

/* Row 2 */
.block-2-row-2-img-1{
    width: 40%;
    height: 250px;
    margin-left: -5%;
    background-color: var(--blue3);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.block-2-row-2-img-2{
    width: 40%;
    height: 250px;
    background-color: var(--gold2);
    border-radius: 50px;
}

.block-2-row-2-img-3{
    width: 25%;
    height: 250px;
    background-color: var(--blue4);
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

/* 3° Block */
/* Colunm 1 */
.block-3-col-1-img-1{
    width: 110%;
    height: 400px;
    margin-left: -10%;
    background-color: var(--black);
    border-radius: 50px;
}

.block-3-col-1-img-2{
    width: 120%;
    height: 650px;
    margin-left: -20%;
    margin-bottom: -50px;
    background-color: var(--blue2);
    border-radius: 50px;
}

/* Column 2 */
.block-3-col-2-img-1{
    width: 35%;
    height: 700px;
    background-color: var(--blue);
    border-radius: 50px;
}

/* Row 1 */
.block-3-row-1-img-1{
    width: 60%;
    height: 400px;
    background-color: var(--blue2);
    border-radius: 50px;
}

.block-3-row-1-img-2{
    width: 60%;
    height: 400px;
    margin-right: -20%;
    background-color: var(--blue3);
    border-radius: 50px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

/* Row 2 */
.block-3-row-2-img-1{
    width: 100%;
    height: 285px;
    background-color: var(--gold2);
    border-radius: 50px;
}

/* Row 3 */
.block-3-row-3-img-1{
    width: 60%;
    height: 300px;
    background-color: var(--black);
    border-radius: 50px;
}

.block-3-row-3-img-2{
    width: 50%;
    height: 350px;
    margin-right: -10%;
    margin-bottom: -50px;
    background-color: var(--blue2);
    border-radius: 50px;
}

/* STILI FOTO */
/* LEGENDA */
/*

bb = blocco foto
prima cifra = numero blocco
seconda cifra = numero foto

*/
/* BLOCCO UNO DUE TRE*/
.stile-foto-bb11,
.stile-foto-bb12,
.stile-foto-bb13,
.stile-foto-bb14,
.stile-foto-bb15,
.stile-foto-bb16,
.stile-foto-bb17,
.stile-foto-bb18,
.stile-foto-bb19,
.stile-foto-bb20,
.stile-foto-bb21,
.stile-foto-bb22,
.stile-foto-bb23,
.stile-foto-bb24,
.stile-foto-bb25,
.stile-foto-bb26,
.stile-foto-bb27,
.stile-foto-bb31,
.stile-foto-bb32,
.stile-foto-bb33,
.stile-foto-bb34,
.stile-foto-bb35,
.stile-foto-bb36,
.stile-foto-bb37,
.stile-foto-bb38{
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

/* FOTO BORDI PARTICOLARI */
.stile-foto-bb11{
    border-top-left-radius: 0;
}

.stile-foto-bb12{
    border-bottom-right-radius: 0;
}

.stile-foto-bb14{
    border-bottom-right-radius: 0;
}

.stile-foto-bb15{
    border-top-right-radius: 0;
}

.stile-foto-bb19{
    border-top-left-radius: 100px;
}

.stile-foto-bb20{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.stile-foto-bb24,
.stile-foto-bb27{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.stile-foto-bb21,
.stile-foto-bb25,
.stile-foto-bb35{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MEDIA QUERY */
/* Section 1 */
@media screen and (max-width: 1199px){
    .bottega .row-forzata{
        flex-direction: row !important;
    }

    .bottega .column-forzata{
        flex-direction: column !important;
    }

    .bottega .vai-full{
        width: 100% !important;
    }

    .title-section-1{
        margin-top: 5%;
        width: 100%;
        height: 350px;
        margin-left: 0;
    }
    
    .col-1-img-1{
        width: 100%;
        height: 600px;
        margin-bottom: 0;
    }
    
    /* Column 2 */
    .col-2-img-1{
        width: 100%;
        height: 65%;
        margin-top: -21%;
    }
    
    .col-2-img-2{
        width: 110%;
        height: 475px;
        margin-right: 0;
    }
    
    /* Column 3 */
    .col-3-img-1{
        width: 100%;
        height: 50%;
        margin-top: 0;
    }
    
    .col-3-img-2{
        width: 50%;
        height: 100%;
        margin-bottom: 0;
    }
    
    .col-3-img-3{
        width: 50%;
        height: 50%;
        margin-top: 10%;
        margin-right: 0;
    }

    /* Modifica Empty Space */
    .bottega .vai-ver{
        width: 15px;
        height: 100%;
    }

    .bottega .vai-orr{
        width: 100%;
        height: 15px;
    }
}

@media screen and (max-width: 991px){
    .title-section-1{
        margin-top: 10%;
        width: 100%;
        height: 100%;
    }
    
    .col-1-img-1{
        width: 80%;
        height: 100%;
    }
    
    /* Column 2 */
    .col-2-img-1{
        width: 100%;
        height: 100%;
        margin-top: -15%;
    }
    
    .col-2-img-2{
        width: 100%;
        height: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px){
    .bottega .row-forzata-1{
        flex-direction: row !important;
    }

    .bottega .column-forzata-1{
        flex-direction: column !important;
    }

    .bottega .vai-full-1{
        width: 100% !important;
    }

    /* Column 1 */
    .title-section-1,
    .col-2-img-1,
    .col-3-img-3{
        width: 100%;
        height: 100%;
        margin-top: 0;
    }
    
    .col-1-img-1,
    .col-2-img-2,
    .col-3-img-1,
    .col-3-img-2{
        width: 100%;
        height: 100%;
    }

    /* Modifica Empty Space */
    .bottega .vai-orr-1{
        width: 100%;
        height: 15px;
    }
}

/* Section 2 */
@media screen and (max-width: 1200px){
    .living .row-forzata{
        flex-direction: row !important;
    }

    .living .column-forzata{
        flex-direction: column !important;
    }

    .living .vai-full{
        width: 100% !important;
    }

    /* Column 1 */
    .col-1-img-1-sec-2{
        width: 100%;
        height: 450px;
    }

    .col-1-img-2-sec-2{
        width: 100%;
        height: 400px;
        margin-left: 0;
    }

    /* Column 2 */
    .col-2-img-1-sec-2{
        margin-top: -15%;
        width: 100%;
        height: 600px;
    }

    .title-section-2{
        width: 100%;
        height: 400px;
    }

    .col-2-img-2-sec-2{
        width: 110%;
        height: 500px;
        margin: 0;
        margin-left: -10%;
    }

    /* Column 3 */
    .col-3-img-1-sec-2{
        width: 100%;
        height: 375px;
    }

    .col-3-img-2-sec-2{
        width: 100%;
        height: 700px;
    }

    /* Column 4 */
    .col-4-img-1-sec-2{
        width: 110%;
        height: 60%;
        margin-top: 0;
        margin-right: -10%;
    }

    .col-4-img-2-sec-2{
        width: 100%;
        height: 40%;
    }

    /* Modifica Empty Space */
    .living .vai-ver{
        width: 15px;
        height: 100%;
    }

    .living .vai-orr{
        width: 100%;
        height: 15px;
    }
}

@media screen and (max-width: 991px){
    /* Column 1 */
    .col-1-img-1-sec-2{
        width: 100%;
        height: 400px;
    }

    .col-1-img-2-sec-2{
        width: 100%;
        height: 400px;
    }

    /* Column 2 */
    .col-2-img-1-sec-2{
        margin-top: -15%;
        margin-right: -10%;
        width: 110%;
        height: 450px;
    }

    .title-section-2{
        width: 100%;
        height: 400px;
    }

    .col-2-img-2-sec-2{
        width: 100%;
        height: 350px;
        margin: 0;
    }

    /* Column 3 */
    .col-3-img-1-sec-2{
        width: 100%;
        height: 300px;
    }

    .col-3-img-2-sec-2{
        width: 100%;
        height: 500px;
    }

    /* Column 4 */
    .col-4-img-1-sec-2{
        width: 110%;
        height: 60%;
        margin-top: 0;
        margin-right: -10%;
    }

    .col-4-img-2-sec-2{
        width: 100%;
        height: 40%;
    }
}

@media screen and (max-width: 768px){
    .living .row-forzata-1{
        flex-direction: row !important;
    }

    .living .column-forzata-1{
        flex-direction: column !important;
    }

    .living .vai-full-1{
        width: 100% !important;
    }

    /* Column 1-2-3-4 */
    .col-1-img-1-sec-2,
    .col-1-img-2-sec-2, 
    .title-section-2, 
    .col-2-img-2-sec-2, 
    .col-3-img-1-sec-2, 
    .col-3-img-2-sec-2, 
    .col-4-img-2-sec-2{
        width: 100%;
        height: auto;
    }

    /* Column 2 */
    .col-2-img-1-sec-2{
        margin-top: 0;
        margin-right: 0;
        width: 100%;
        height: auto;
    }

    /* Column 4 */
    .col-4-img-1-sec-2{
        width: 100%;
        height: auto;
        margin: 0;
    }

    /* Modifica Empty Space */
    .living .vai-orr-1{
        width: 100%;
        height: 15px;
    }
}

/* Section 3 */
@media screen and (max-width: 1199px){
    .bedroom .row-forzata{
        flex-direction: row !important;
    }

    .bedroom .column-forzata{
        flex-direction: column !important;
    }

    .bedroom .vai-full{
        width: 100% !important;
    }

    /* Column 1 */
    .col-1-img-1-sec-5{
        width: 100%;
        height: 250px;
    }

    .col-1-img-2-sec-5{
        width: 100%;
        height: 300px;
        margin-left: 0;
    }

    .col-1-img-3-sec-5{
        width: 100%;
        height: 300px;
    }

    /* Column 2 */
    .col-2-img-1-sec-5{
        width: 100%;
        height: 500px;
        margin-top: -35px;

    }

    .col-2-img-2-sec-5{
        width: 100%;
        height: 350px;
    }

    /* Column 3 */
    .col-3-img-1-sec-5{
        width: 100%;
        height: 300px;
    }

    .col-3-img-2-sec-5{
        width: 100%;
        height: 350px;
    }

    .col-3-img-3-sec-5{
        width: 100%;
        height: 350px;
    }

    /* Column 4*/
    .col-4-img-1-sec-5{
        width: 100%;
        height: 450px;
        margin-top: -50px;
    }

    .col-4-img-2-sec-5{
        width: 100%;
        height: 150px;
        margin-right: 0;
    }

    .col-4-img-3-sec-5{
        width: 100%;
        height: 450px;
    }

    /* Modifica Empty Space */
    .bedroom .vai-ver{
        width: 15px;
        height: 100%;
    }

    .bedroom .vai-orr{
        width: 100%;
        height: 15px;
    }
}

@media screen and (max-width: 991px){
    /* Column 1 */
    .col-1-img-1-sec-5{
        width: 100%;
        height: 30%;
    }

    .col-1-img-2-sec-5{
        width: 100%;
        height: 35%
    }

    .col-1-img-3-sec-5{
        width: 100%;
        height: 35%;
    }

    /* Column 2 */
    .col-2-img-1-sec-5{
        width: 100%;
        height: 60%;
        margin-top: 0;
    }

    .col-2-img-2-sec-5{
        width: 100%;
        height: 40%;
    }

    /* Column 3 */
    .col-3-img-1-sec-5{
        width: 100%;
        height: 25%;
    }

    .col-3-img-2-sec-5{
        width: 100%;
        height: 40%;
    }

    .col-3-img-3-sec-5{
        width: 100%;
        height: 35%;
    }

    /* Column 4*/
    .col-4-img-1-sec-5{
        width: 100%;
        height: 45%;
        margin-top: 0;
    }

    .col-4-img-2-sec-5{
        width: 100%;
        height: 15%;
    }

    .col-4-img-3-sec-5{
        width: 100%;
        height: 40%;
    }
}

@media screen and (max-width: 768px){
    .bedroom .row-forzata-1{
        flex-direction: row !important;
    }

    .bedroom .column-forzata-1{
        flex-direction: column !important;
    }

    .bedroom .vai-full-1{
        width: 100% !important;
    }

    /* Column 1 */
    .col-1-img-1-sec-5,
    .col-1-img-2-sec-5,
    .col-1-img-3-sec-5,
    .col-2-img-1-sec-5,
    .col-2-img-2-sec-5,
    .col-3-img-1-sec-5,
    .col-3-img-2-sec-5,
    .col-3-img-3-sec-5,
    .col-4-img-1-sec-5,
    .col-4-img-2-sec-5,
    .col-4-img-3-sec-5{
        width: 100%;
        height: auto;
    }

    /* Modifica Empty Space */
    .bedroom .vai-orr-1{
        width: 100%;
        height: 15px;
    }
}

/* HELP ME */
/* BEST SECTION */
/* MEDIA SCREEN */
@media screen and (max-width: 1340px){
    .best .row-forzata{
        flex-direction: row !important;
    }

    .best .column-forzata{
        flex-direction: column !important;
    }

    .best .vai-full{
        width: 100% !important;
    }

    .best .vai-50{
        width: 50% !important;
    }

    /* 1° Block */
    /* Row 1 */
    .block-1-row-1-img-1{
        width: 50%;
        height: 400px;
        margin-top: 4%;
    }

    .block-1-row-1-img-2{
        width: 50%;
        height: 450px;
        margin-top: 0;
    }

    /* Row 2 */
    .block-1-row-2-img-1{
        width: 60%;
        height: 450px;
        margin-left: 0;
        margin-top: 4%;
    }

    .block-1-row-2-img-2{
        width: 40%;
        height: 550px;
    }

    /* Row 3 */
    .block-1-row-3-img-1{
        width: 100%;
        height: 100%;
    }

    /* Column 1 */
    .block-1-col-1-img-1{
        width: 100%;
        height: 25%;
    }

    .block-1-col-1-img-2{
        width: 100%;
        height: 50%;
    }

    .block-1-col-1-img-3{
        width: 100%;
        height: 25%;
    }

    /* Column 2 */
    .block-1-col-2-img-1{
        width: 100%;
        height: 60%;
        margin-right: 0;
        margin-top: 0;
    }

    .block-1-col-2-img-2{
        width: 100%;
        height: 60%;
    }

    /* 2° Block*/
    /* Row 1 */
    .block-2-row-1-img-1{
        width: 100%;
        height: 300px;
    }

    .block-2-row-1-img-2{
        width: 100%;
        height: 300px;
    }

    .block-2-row-1-img-3{
        width: 100%;
        height: 400px;
    }

    .block-2-row-1-img-4{
        width: 100%;
        height: 300px;
        margin-right: 0;
    }

    /* Row 2 */
    .block-2-row-2-img-1{
        width: 100%;
        height: 425px;
        margin-left: 0;
    }

    .block-2-row-2-img-2{
        width: 100%;
        height: 425px;
    }

    .block-2-row-2-img-3{
        width: 100%;
        height: 415px;
    }

    /* 3° Block */
    /* Colunm 1 */
    .block-3-col-1-img-1{
        width: 100%;
        height: 100%;
        margin-top: 5%;
        margin-left: 0;
    }

    .block-3-col-1-img-2{
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    /* Column 2 */
    .block-3-col-2-img-1{
        width: 50%;
        height: 100%;
        margin-top: -15%;
    }

    /* Row 1 */
    .block-3-row-1-img-1{
        width: 100%;
        height: 600px;
    }

    .block-3-row-1-img-2{
        width: 100%;
        height: 400px;
        margin-right: -20%;
    }

    /* Row 2 */
    .block-3-row-2-img-1{
        width: 200%;
        height: 100%;
        margin-left: -100%;
    }

    /* Row 3 */
    .block-3-row-3-img-1{
        width: 60%;
        height: 100%;
    }

    .block-3-row-3-img-2{
        width: 40%;
        height: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }

    /* Modifica Empty Space */
    .best .vai-ver{
        width: 15px;
        height: 100%;
    }

    .best .vai-orr{
        width: 100%;
        height: 15px;
    }
}

@media screen and (max-width: 991px){
    /* 1° Block */
    /* Row 1 */
    .block-1-row-1-img-1{
        width: 50%;
        height: 100%;
        margin-top: 0;
    }

    .block-1-row-1-img-2{
        width: 50%;
        height: 100%;
        margin-top: 0;
    }

    /* Row 2 */
    .block-1-row-2-img-1{
        width: 60%;
        height: 100%;
        margin-top: 0;
    }

    .block-1-row-2-img-2{
        width: 40%;
        height: 100%;
    }

    /* 2° Block*/
    /* Row 1 */
    .block-2-row-1-img-1{
        width: 100%;
        height: 100%;
    }

    .block-2-row-1-img-2{
        width: 100%;
        height: 50%;
    }

    .block-2-row-1-img-3{
        width: 100%;
        height: 50%;
    }

    .block-2-row-1-img-4{
        width: 100%;
        height: 50%;
    }

    /* Row 2 */
    .block-2-row-2-img-1{
        width: 100%;
        height: 100%;
        margin-left: 0;
    }

    .block-2-row-2-img-2{
        width: 100%;
        height: 100%;
    }

    .block-2-row-2-img-3{
        width: 100%;
        height: 100%;
    }
}

@media screen and (max-width: 768px){
    .best .row-forzata-1{
        flex-direction: row !important;
    }

    .best .column-forzata-1{
        flex-direction: column !important;
    }

    .best .vai-full-1{
        width: 100% !important;
    }

    /* 1° Block */
    /* Row 1 */
    .block-1-row-1-img-1,
    .block-1-row-1-img-2,
    .block-1-row-2-img-1,
    .block-1-row-2-img-2,
    .block-1-row-3-img-1,
    .block-1-col-1-img-1,
    .block-1-col-1-img-2,
    .block-1-col-1-img-3,
    .block-1-col-2-img-1,
    .block-1-col-2-img-2,
    .block-2-row-1-img-1,
    .block-2-row-1-img-2,
    .block-2-row-1-img-3,
    .block-2-row-1-img-4,
    .block-2-row-2-img-1,
    .block-2-row-2-img-2,
    .block-2-row-2-img-3{
        width: 100%;
        height: 100%;
    }

    /* 3° Block */
    /* Colunm 1 */
    .block-3-col-1-img-1{
        width: 100%;
        height: 100%;
        margin-top: 0;
        margin-left: 0;
    }

    .block-3-col-1-img-2{
        width: 100%;
        height: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    /* Column 2 */
    .block-3-col-2-img-1{
        width: 100%;
        height: 100%;
        margin-top: 0;
    }

    /* Row 1 */
    .block-3-row-1-img-1{
        width: 100%;
        height: 100%;
    }

    .block-3-row-1-img-2{
        width: 100%;
        height: 100%;
        margin-right: 0;
    }

    /* Row 2 */
    .block-3-row-2-img-1{
        width: 100%;
        height: 100%;
        margin-left: 0;
    }

    /* Row 3 */
    .block-3-row-3-img-1{
        width: 100%;
        height: 100%;
    }

    .block-3-row-3-img-2{
        width: 100%;
        height: 100%;
    }

    /* Modifica Empty Space */
    .best .vai-orr-1{
        width: 100%;
        height: 15px;
    }
}