#casa-eira-banner{
    background: url('../img/CasaEira/2.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-top:-40px;
    height: 400px;
    width: 100%;
}

#casa-cortico-banner{
    background: url('../img/CasaCortico/4.jpeg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-top:-40px;
    height: 400px;
    width: 100%;
}

#casa-vinha-banner{
    background: url('../img/CasaVinha/19.jpeg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-top:-40px;
    height: 400px;
    width: 100%;

}

#casa-alpendre-banner{
    background: url('../img/CasaAlpendre/1.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-top:-40px;
    height: 400px;
    width: 100%;
}

#espaco-envolvente-banner{
    background: url('../img/ZonaEnvolvente/6.jpeg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: auto;
    padding-top:-40px;
    height: 400px;
    width: 100%;
}

.main-gallery{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.main-gallery .main-gallery-item{
    width: calc(50% - 16px);
    position: relative;
}
.main-gallery .main-gallery-item.full-size{
    width: 100%;
    position: relative;
}

.main-gallery .main-gallery-item img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    filter:grayscale(0.5);
    filter: opacity(0.9);
    filter:contrast(0.7)
}
.main-gallery .main-gallery-item img:hover{
    filter: blur(2px);
}
.main-gallery .main-gallery-item .main-gallery-item__title{
    position: absolute;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: fit-content;
    top: 65%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.main-gallery .main-gallery-item .main-gallery-item__title h3{
    text-shadow: 2px 2px black;
}

.custom-gallery{
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: column;
    -webkit-flex-flow: row wrap; 
    flex-flow: row wrap; 
    display: -webkit-box;
    display: flex;
    gap: 16px;
    align-items: center;
    
}
.custom-gallery .custom-gallery-item{
    position:relative;
    width: calc(33.33% - 32px);
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto; 
}
.main-gallery-item__title .submit-form-btn {
    font-size: 14px;
    padding: 8px 24px;
    margin-top: 8px;
}
.custom-gallery .custom-gallery-item:nth-child(odd){
    height: 350px;
}
.custom-gallery .custom-gallery-item:nth-child(even){
    height: 200px;
}
.custom-gallery .custom-gallery-item img{
    width: 100%;
    height: 100%;
      display: block;
      -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
      -ms-transition: all .5s ease;
          transition: all .5s ease;
          object-fit: cover;
}

.custom-gallery .custom-gallery-item img:hover {
    -webkit-filter: blur(2px);
    filter: blur(2px);
  }

@media ( max-width : 667px ){
    .custom-gallery .custom-gallery-item{
        width: 100%;
    }
}