/*# sourceMappingURL=https://webbureau.nu/Templates/Portfolio/Grid/Css/main.scss.map*/.cw1 {
  --cw:1;
}
.cw2 {
  --cw:2;
}
.cw3 {
  --cw:3;
}
.cw4 {
  --cw:4;
}
.cw5 {
  --cw:5;
}
.cw6 {
  --cw:6;
}
.cw7 {
  --cw:7;
}
.cw8 {
  --cw:8;
}
.cw9 {
  --cw:9;
}
.cw10 {
  --cw:10;
}
.cw11 {
  --cw:11;
}
.cw12 {
  --cw:12;
}
.porfolio-detail {
  --h1-font-weight: 300;
}
.porfolio-detail h1 {
  margin-top: 15px;
}
.banner--blob {
  min-height: 500px;
}
.banner__image_1 {
  position: relative;
}
@media (min-width: 692px) {
  .banner__image_1 {
    min-height: 800px;
  }
}
.banner__image_1 figure {
  height: 478px;
  width: 320px;
  background-position: center top;
  transform: perspective(900px) rotate3d(1.5, 0.5, -0.5, 26deg);
  box-shadow: var(--box-shadow);
  position: absolute;
  top: 200px;
  margin-left: 46px;
  overflow: hidden;
}
.banner__image_1 figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center var(--bg-position, 0);
}
@media (max-width: 692px) {
  .banner__image_1 figure {
    max-width: 65vw;
    position: relative;
    top: 0;
  }
}
.banner__image_2 {
  position: relative;
}
@media (max-width: 692px) {
  .banner__image_2 {
    display: none;
  }
}
.banner__image_2 figure {
  height: 478px;
  width: 320px;
  background-position: center var(--bg-position);
  transform: perspective(900px) rotate3d(-2.5, 2.5, -0.5, -36deg);
  box-shadow: var(--box-shadow);
  top: 101px;
  position: absolute;
  overflow: hidden;
}
.banner__image_2 figure img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center var(--bg-position);
}