.headerForBnb {
  background-image: url("../images/Daan-15-scaled.jpg");
  width: 100%;
  height: 70vh;
  /* max-height: ; */
  /*   border: solid 1px red;  */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.headerForBnb .bottemLeftIconPositioner {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.headerForBnb .bottemRightInfoPositioner {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.headerForBnb .reviewPositioner {
  position: absolute;
  top: 20px;
  right: 20px;
}

.floatingIcon {
  float: left;
  border: solid 1px green;
  padding: 10px;
  margin: 10px;
}

.reviewBlock {
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  margin: 10px;
  color: white;
}

.marginZero {
  margin: 0px;
}

.bottemRightInfoContainer {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 40px 5px 5px 40px;
}

.bottemRightInfoLeft {
  display: inline-block;
  padding: 40px;
  margin: 0px;
  /*   border: solid 1px green; */
  vertical-align: middle;
  background-image: url("../images/IMG_6909-scaled.jpeg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

.bottemRightInfoRight {
  /*  border: solid 1px pink;  */
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
  color: white;
}

.photoInGalerie {
  flex: 1;
  border-radius: 5px;
  margin: 4px 2px;
  overflow: hidden;
}

.imgInGalerie {
  height: 100%;
  width: 100%;
  flex: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

.photoGalerieContainer {
  height: 140px;
  display: flex;
}

.morePhotoInGalerie {
  /*   padding: 10px; */
  background: rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  /*   margin: 10px;  */
  color: white;
  height: 100%;
  overflow: hidden;
  position: relative;
}

body {
  margin: 0;
}

.morePhotos {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='24px' height='115px' viewBox='0 0 24 115' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 61.2 (89653) - https://sketch.com --%3E%3Ctitle%3EGroup 11%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cg id='Group-6' transform='translate(1.000000, 1.000000)' stroke='%23FFFFFF' stroke-width='3'%3E%3Cg id='Group-11'%3E%3Cline x1='21.1024096' y1='56.3214286' x2='0.680722892' y2='0.678571429' id='Line-2'%3E%3C/line%3E%3Cline x1='21.1024096' y1='112.321429' x2='0.680722892' y2='56.6785714' id='Line-2' transform='translate(10.891566, 84.500000) scale(1, -1) translate(-10.891566, -84.500000) '%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 15%;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 10px 0;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 768px) {
  .headerForBnb {
    height: 50vh;
  }

  .headerForBnb .bottemLeftIconPositioner {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 70px;
  }

  .headerForBnb .bottemLeftIconPositioner .floatingIcon {
    padding: 5px;
    margin: 5px;
  }

  .headerForBnb .bottemLeftIconPositioner .floatingIconImg {
    width: 50px;
    height: 50px;
  }

  .headerForBnb .bottemRightInfoPositioner {
    left: 10px;
    right: 10px;
    bottom: 10px;
  }

  .bottemRightInfoContainer {
    border-radius: 5px;
  }

  .bottemRightInfoLeft {
    padding: 25px !important;
  }

  .bottemRightInfoRight {
    font-size: 14px;
  }

  .reviewBlock {
    font-size: 14px;
  }

  .photoGalerieContainer {
    height: auto;
    flex-wrap: wrap;
  }

  .photoInGalerie {
    flex: 0 0 calc(50% - 4px);
    height: 35vw;
    border-radius: 3px;
    margin: 2px;
  }
}