/* body {        
    min-height: 100vh;
    background-color: black;
    background-image: url('../images/bcg/SfondoI.jpg');
    background-size: cover;     
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: -9999;      
} */

.image-cover {
    width: 100%;
    height: 40vh;
    position: absolute;
    top:0;      
    margin: 0px;  
    background-image: url("../images/hearts/esperienza.jpg");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover; 
}

.video-container {  
    opacity: 1;
    filter: blur(0px);
    z-index: -9998;
}

.scrolling {
    position: absolute;
    bottom: 60px;
}

.logoh {
    width: 100%;
    display: flex;  
    left: 0px;
    top: 0px;
}

.logoh img {
    width: 160px;
    height: auto;    
}

#passaggio {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

#aqvam {   
    min-height: 200vh;
    background-image: url('../images/aqvam/Milano_Trans_3.png');
    background-size: cover;
}

#aqvam-install {
}

.home-text {
    height: 90vh;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
}

.home-title { 
    width: 100%;          
    height: 30%;
}

.home-paragraph {
    display: flex;
    height: 90%;   
    text-align: left;
} 

.data_ul {
  width: 100%;
  display: flex;
  justify-content: center;
}

.data_ul_list {
  display: flex;
  flex-direction: row;
  justify-content: center; 
  align-items: center;      
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.data_ul_list li {
  padding: 8px;
}

/* GALLERY */
.paragraph-gallery {
    position: fixed;
    top:0;
    width: 100%;
    height: 20vh;    
    margin: 0px;
    display: flex;
    z-index: 1;           
}

.double-image-data  {
    position: relative;
    width: 50%;
    height: 100%;     
    display: flex;
    flex-direction: row;
    overflow: hidden;    
}

.dids {  
    width: 50%; 
}

.dids img {
    object-fit: cover;
    object-position: center;    
    width: 100%; 
}

.hearts-menu {
    width: 50%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.button_div_writing {  
    width: auto;   
    height: 20px;
    display:flex;    
    justify-content: center;
    align-items: center;
    padding: 10px;  
}

.button_div_writing button {
    background-color: rgba(255, 255, 255, 0);
    width: 70px;
    height: 25px;
    border: 1px solid #a2ff00;
    border-radius: 25px;
    color: #a2ff00;
    font-size: 12px;   
    font-weight: 100;
}

.button_div_writing button:hover {
  cursor: pointer;
  border: 1px solid rgb(252, 71, 252) ;
  color: rgb(252, 71, 252);
}

/* .button_div {
  width: 90%;
  display: flex;
  align-items: center; 
  justify-content: right; 
} */

.button_camera {  
  position: fixed;
  align-items: right;
  height: 40px;
  bottom: 40px;  
  width: 100%; 
}

.button-controls {
    width: 90%;
    position: absolute;
    display: flex;
    bottom: 40px;
    align-items: center;
    justify-content: right;
    z-index: 1;
}

 #btn-camera button , #btn-audio button {
  background-color: rgba(255, 255, 255, 0);
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  width:70px;
  height: 20px;
  margin-right: 10px;;
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  font-weight: 100;    
}
  
#btn-camera button:hover,  #btn-count button:hover {
  cursor: pointer;
  border: 1px solid rgb(162, 255, 0);
  color: rgb(162, 255, 0);
}

@media (max-width: 1024px) {
    .logoh {
        position: relative;
        left: -20px;
    }
    
    .logoh img {
        width: 130px;
        height: auto;    
    }
    .paragraph-gallery {        
        flex-direction: column;
    }

    .double-image-data {
        width: 100%;
    }

    .home-text {                        
        width:70%;                 
    }

    .home-title {          
        width: 100%;
        text-align: left;
    }

    .home-paragraph {            
        width: 100%;
        height: 60%;                         
    }

    .home-paragraph p {                   
        font-size: 24px;     
        line-height: 30px;
    }  
}

@media (max-width: 724px) {
    
    #hearts-top {
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }

    .home-text {  
        width: 90%;      
        height: 70vh;        
    } 

    .logoh {
        position: relative;
        left: -20px;
    }
    
    .logoh img {
        width: 140px;
        height: auto;    
    }

    .paragraph-gallery {
        height: 40vh;        
    }

    .home-title h1 {
        font-size: 50px;           
        letter-spacing: -2px;        
    } 
    
    .home-paragraph {  
        width: 100%;
        height: 46vh;
    } 

    .home-paragraph p {
        font-size: 20px;
        line-height: 22px;
    }

    /* .hearts-menu {
        width: 80%;
    } */
     .hearts-menu {
    width: 100%;
    height: 50px;
}

    .button_div_writing {
        width: 100%;   
        height: auto;
    }
}