body {
     background-color: #b4e5f960;
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    }
    
    img{
    max-width:100%;
    height:auto;
    }
    
    video{
    max-width:100%;
    height:auto;
    }
    
    body{
    background-color:#b4e5f9c7;
    font-family: "EB Garamond", serif;
    }
.logo {
    display: flex;
    justify-content: space-between;
    background-color: #98D8EF;
}
.number {
    color: aliceblue;    
}
.imagineLogo {
    margin-left: 300px;
}
.heading {
    margin-top: 60px;
    color: #ffffff;
    font-size: 30px;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

#videoHouse {
    width: 600px;

    width: 600px;
    border: 10px outset lightblue;
    padding: 10px;
}
.log{
    padding: 70px;
}
.listHeader {
    display: flex;
}
.list {
margin-top: 30px;
margin-left: 100px;
margin-left: 100px;
    font-family: "Playwrite DK Loopet", cursive;
    font-optical-sizing: auto;
    font-style: normal;
    color: #5A72A0;
}
.headerFirst {
    background-color: #83b5ff89;
    display: flex;
    justify-content: space-around;

}
.firstFloor{
    font-size: 100px;
    color: aliceblue;
    font-family: "Monsieur La Doulaise", cursive;
    font-weight: 400;
    font-style: normal;
}

.headerSecond {
    display: flex;
    background-color: #83b5ff87;
    justify-content: space-around;
}

.linkMail {
text-decoration: double;
    color:#242c7e; 
    font-size: 30px;
    margin-left: 80px;
    font-family: "WindSong", cursive;
    font-weight: 200;
    font-style: normal;
}
.descriptionHeader1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.description1 {
    font-family: "Playwrite DK Loopet", cursive;
    font-optical-sizing: auto;
    font-style: normal;
    color: #5A72A0;
} 
.description2 {
    font-family: "Playwrite DK Loopet", cursive;
    font-optical-sizing: auto;
    font-style: normal;
    color: #5A72A0;
} 

.terraceHeader {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.descriptionTerrace {
    font-size: 20px;
        font-family: "Playwrite DK Loopet", cursive;
        font-optical-sizing: auto;
        font-style: normal;
        color: #5A72A0;
        text-decoration: overline
}
.headerInformation {
    display: flex;
    justify-content: space-between;
}
.tour {
    text-decoration: overline;
    color:#242c7e; 
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 20px;
}
@media (max-width:768px){

    /* HEADER LOGO */
    
    .logo{
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:20px;
    }
    
    .imagineLogo{
    margin-left:0;
    }
    
    .heading{
    margin-top:10px;
    font-size:24px;
    }
    
    .number{
    margin-top:10px;
    font-size:18px;
    }
    
    /* LISTA SERVIZI */
    
    .listHeader{
    flex-direction:column;
    align-items:center;
    }
    
    .log{
    padding:20px;
    width:100%;
    }
    
    .list{
    margin:20px 0;
    text-align:center;
    font-size:18px;
    }
    
    /* EMAIL + INSTAGRAM */
    
    .headerInformation{
    flex-direction:column;
    align-items:center;
    gap:20px;
    text-align:center;
    padding:20px;
    }
    
    .linkMail{
    margin-left:0;
    font-size:22px;
    }
    
    .tour{
    font-size:18px;
    }
    
    /* PRIMO PIANO */
    
    .headerFirst{
    flex-direction:column;
    align-items:center;
    padding:20px;
    }
    
    .firstFloor{
    font-size:50px;
    text-align:center;
    }
    
    .description1{
    text-align:center;
    padding:10px;
    }
    
    #videoHouse{
    width:90%;
    margin-top:20px;
    }
    
    /* SECONDO PIANO */
    
    .headerSecond{
    flex-direction:column;
    align-items:center;
    padding:20px;
    }
    
    .description2{
    text-align:center;
    padding:10px;
    }
    
    /* TERRAZZA */
    
    .terraceHeader{
    flex-direction:column;
    text-align:center;
    padding:20px;
    }
    
    .terrace{
    width:90%;
    }
    
    .descriptionTerrace{
    margin-top:20px;
    font-size:18px;
    }
    
    }