body {
    display: block;
    background-color: #022a3c12;
    background-color: #d6f7facd;
}

.containerLogo {
    background-color: #022a3c;
    display: flex;
    justify-content: space-between;
}
.textLogo {
    color: #DCF2F1;
    margin-right: 20px;
    text-transform: uppercase;
}
.mainFoto {
    background-image: url(mainfoto.jpeg);
    background-size: cover;
    background-position: center;
    width: 1450px;
    height: 500px;
    display: flex;
    margin-top: 20px;
}
h2 {
    margin-left: 580px;
    margin-top: 200px;
    font-size: 50px;
    color: #eaefad;
    text-decoration: underline;
}
.picture {
    width: 500px;

}
.containers {
    display: flex;
    margin-top: 50px;
    justify-content: center;
    flex: 3;
}
.selected {
    width: 600px;
}
.text {
    margin-top: 240px;
    padding: 50px;
    font-size: 30px;
    color: #4A628A;
}
.containerKitchen {
    background-color: #DFF2EB;
}
.logosKitchen {
    margin-left: 100px;
}
.logosText {
    font-size: 15px;
}


.containerBed {
    display: flex;
    justify-content: space-around;
    background-color: #DCF2F1;
    margin-top: 20px;
}
.pictureBed {
    width: 500px;
}
.containerSala {
    display: flex;
}
.elementsSala{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}
.textSala { 
    margin-top: 120px;
    margin-left: 330px;
    font-size: 30px;
    color: #4A628A;
}
.pictureSala {
    width: 700px;
    height: 400px;
    margin-left: 80px;
}
.pictureCor {
    width: 400px;
    margin-top: 50px;
}
.containerSala {
    margin-top: 30px;
    margin-left: 35px;
}
.containersCor {
    display: flex;
    justify-content: space-around;
}
.positionElementsOne {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;

}
.positionElementsTwo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;

}
.servizi {
    display: flex;
    justify-content: center;
    background-color: #fff3cf8e;
    color: rgb(1, 42, 77);
    padding: 30px;
    font-size: 17px;
    width: 700px;
}
.mainFoto{ 
    display: flex;
    flex-direction: column;
    align-items: center;
}
h5{
    font-size: 35px;
    color: #0F1035;
        font-family: "Jura", serif;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;

}
.containersBalcon {
    margin-top: 30px;
    height: 200px;
}
    
.tabel {
    display: flex;
    flex-direction: column;
    width: 800px;
    align-items: center;
    justify-content: center;

    
}
.line {
    padding: 12px;
    background-color: #CDE8E5;
    margin-left: 20px;
}
.lineOne {
    margin-left: 16px;
}
.titleOfTable {
    color: #284a58;
}
.elementOfTable {
    display: flex;
    padding: 20px;
}
.linkMail {
    font-family: "Jura", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color:#284a58; 
    font-size: 30px;
    margin-left: 500px;
}
 /* ----------- MOBILE ----------- */

@media (max-width: 768px) {

    body{
        margin:0;
    }
    
    /* logo */
    .containerLogo{
        flex-direction: column;
        align-items: center;
    }
    
    .logo{
        width:250px;
    }
    
    .numberLogo{
        text-align:center;
    }
    
    /* immagine principale */
    
    .mainFoto{
        width:100%;
        height:350px;
    }
    
    /* servizi */
    
    .servizi{
        flex-direction: column;
        width:90%;
        font-size:16px;
    }
    
    h5{
        font-size:26px;
    }
    
    /* kitchen section */
    
    .containers{
        flex-direction: column;
        align-items:center;
    }
    
    .picture{
        width:90%;
    }
    
    .text{
        margin-top:20px;
        padding:20px;
        font-size:24px;
        text-align:center;
    }
    
    .containerKitchen{
        width:90%;
    }
    
    .logosKitchen{
        margin-left:0;
        padding:20px;
    }
    
    /* bedroom */
    
    .containerBed{
        flex-direction:column;
        align-items:center;
    }
    
    .pictureBed{
        width:90%;
    }
    
    /* dining */
    
    .containerSala{
        flex-direction:column;
        align-items:center;
        margin-left:0;
    }
    
    .pictureSala{
        width:90%;
        height:auto;
        margin-left:0;
    }
    
    .textSala{
        margin:20px 0;
        font-size:24px;
        text-align:center;
    }
    
    /* mail button */
    
    .linkMail{
        display:block;
        text-align:center;
        margin:40px 20px;
        font-size:22px;
    }
    
    }