.container:before {
  background: transparent !important;
}

.titol {
  font-family: 'Montserrat';
  font-size: 3em;
  font-weight: 800;
  border-bottom: solid 1px #000000;
  padding-bottom:1%;
  margin-bottom: 2%;
  display: table;
  line-height: 1em;
}
.imatge_principal {
    width: 40vw;
    float: left;
    margin-right: 5%;
}

.zoom_imatge:hover {
	transform: scale(1.5);
	position: relative;
	transition: transform .5s;
	opacity: 1;
}
.capsa_caracteristiques {
    width: 30vw;
    float: right;
    margin-bottom:50vh;
}
.galeria {
  font-family: 'Montserrat';
  font-weight: 800;
  color:#da291b;
  float:left;
  margin-top:2%;
  width: 40vw;
}
.caracteristiques {
  font-size: 1em;
  font-weight: 400;
  font-family: 'Montserrat';
  width: 100%;
  display: table;
}
.titol_caracteristiques {
  color:#da291b;
  font-weight: 800;
}
.separacio {
  margin-top: 2%;
  float: left;
  margin-right:5%;
}
.separacio_descripcio {
  margin-top: 2%;
  width: 100%;
  float: left; 
  font-weight:400;
}
.separacio_energetica {
  margin-bottom:6%;
  margin-top: 2%;
  width: 50%;
  float: left;
}
.galeria_imatges {
    width: 40vw;
    float: left;
    margin-bottom: 2%;
    z-index: 1000000;
}
.zoom {
  transition: transform .4s; /* Animation */
  margin:0 auto;
}
.zoom:hover {
  transform: scale(5.0) translate(2vh,2vh);
}
.zoom-2 {
  transition: transform .4s; /* Animation */
  margin:0 auto;
}
.zoom-2:hover {
  transform: scale(2.0) translate(3vh,3vh);
}
.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-container > div {
  width: 25%;
  text-align: center;
  line-height: 0px;
}
.tornar {font-family:'Montserrat';font-weight:200;font-size:0.9em;}
@media only screen and (max-width: 850px) {
.flex-container > div {
    width: 50%;
    text-align: center;
    line-height: 0px;
}
.zoom:hover {
  transform: scale(3.0) translate(1vh,1vh);
}
.logo_finques {
  padding-top: 10%;
}
.titol { 
  font-size:2em;
  padding-bottom:3%;
}
.imatge_principal {
  width: 80vw;
  float: left;
}
.container {
  padding-top: 0px !important;
}
.capsa_caracteristiques {
  width: 80vw;
  float: left;
  margin-top: 5%;
  margin-bottom:5vh;
}
.separacio {
  margin-top: 2%;
  width: 100%;
  float: left;
}
.separacio_energetica {
  margin-bottom:0% !important;
  margin-top: 2%;
  width: 100%;
  float: left;
}
.galeria_imatges {
    width: 80vw;
    float: left;
    margin-bottom: 30vh;
}
}
@media (min-width: 812px) and (max-width: 1200px) {
  .flex-container > div {
    width: 30%;
    text-align: center;
    line-height: 0px;
}
.zoom:hover {
  transform: scale(4.0) translate(1vh,1vh);
}
}
@media (min-width: 1800px) and (max-width: 2500px) {
  .galeria_imatges {
    width: 39vw;
    float: left;
    margin-bottom: 2%;
    z-index: 1000000;
  }
.galeria {
    width: 39vw;
} 
  .imatge_principal {
    width: 35vw !important;
    float: left;
}
  .flex-container > div {
    width: 22%;
    text-align: center;
    line-height: 0px;
}
.zoom:hover {
  transform: scale(4.0) translate(1vh,1vh);
}