body {
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}

.breadcrumb-item {
    font-size: 1.1em;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #FFF;
}

body,
html {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  
  @supports(display: grid) {
    display: block;
  }
}

.section {
  display: none;
  padding: 2rem;
  
  @media screen and (min-width: 768px) {
    padding: 4rem;
  }
  
  @supports(display: grid) {
    display: block;
  }
}

.grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 150px;
  grid-auto-flow: row dense;
}

.item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  background: #0c9a9a;
  color: #fff;
  grid-column-start: auto;
  grid-row-start: auto;
  color: #fff;
  background-size: cover;
  background-position: center;
  box-shadow: -2px 2px 10px 0px rgba(#444, 0.4);
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  counter-increment: item-counter;
  
  &:nth-of-type(1n) {
    background-image: url('../../../img/bs-original-gallery/bs17.jpg');
  }
  &:nth-of-type(2n) {
    background-image: url('../../../img/bs-original-gallery/bs12.jpg');
  }
  &:nth-of-type(3n) {
    background-image: url('../../../img/bs-original-gallery/bs13.jpg');
  }
  &:nth-of-type(4n) {
    background-image: url('../../../img/bs-original-gallery/bs14.jpg');
  }
  &:nth-of-type(5n) {
    background-image: url('../../../img/bs-original-gallery/bs15.jpg');
  }
  &:nth-of-type(6n) {
    background-image: url('../../../img/bs-original-gallery/bs16.jpg');
  }
  &:nth-of-type(7n) {
    background-image: url('../../../img/bs-original-gallery/bs18.jpg');
  }
  &:nth-of-type(8n) {
    background-image: url('../../../img/bs-original-gallery/bs19.jpg');
  }
  &:nth-of-type(9n) {
    background-image: url('../../../img/bs-original-gallery/bs20.jpg');
  }
  &:nth-of-type(10n) {
    background-image: url('../../../img/bs-original-gallery/bs21.jpg');
  }
  &:nth-of-type(11n) {
    background-image: url('../../../img/bs-original-gallery/bs22.jpg');
  }
  &:nth-of-type(12n) {
    background-image: url('../../../img/bs-original-gallery/bs23.jpg');
  }
  &:nth-of-type(13n) {
    background-image: url('../../../img/bs-original-gallery/bs24.jpg');
  }
  &:nth-of-type(14n) {
    background-image: url('../../../img/bs-original-gallery/bs25.jpg');
  }
  &:nth-of-type(15n) {
    background-image: url('../../../img/bs-original-gallery/bs26.jpg');
  }
  &:nth-of-type(16n) {
    background-image: url('../../../img/bs-original-gallery/bs27.jpg');
  }
  &:nth-of-type(17n) {
    background-image: url('../../../img/bs-original-gallery/bs28.jpg');
  }
  &:nth-of-type(18n) {
    background-image: url('../../../img/bs-original-gallery/bs29.jpg');
  }
  &:nth-of-type(19n) {
    background-image: url('../../../img/bs-original-gallery/bs2.jpg');
  }



  &:nth-of-type(20n) {
    background-image: url('../../../img/bs-original-gallery/bs30.jpg');
  }
  &:nth-of-type(21n) {
    background-image: url('../../../img/bs-original-gallery/bs31.jpg');
  }
  &:nth-of-type(22n) {
    background-image: url('../../../img/bs-original-gallery/bs32.jpg');
  }
  &:nth-of-type(23n) {
    background-image: url('../../../img/bs-original-gallery/bs33.jpg');
  }
  &:nth-of-type(24n) {
    background-image: url('../../../img/bs-original-gallery/bs3.jpg');
  }
  &:nth-of-type(25n) {
    background-image: url('../../../img/bs-original-gallery/bs4.jpg');
  }
  &:nth-of-type(26n) {
    background-image: url('../../../img/bs-original-gallery/bs5.jpg');
  }
  &:nth-of-type(27n) {
    background-image: url('../../../img/bs-original-gallery/bs6.jpg');
  }
  &:nth-of-type(28n) {
    background-image: url('../../../img/bs-original-gallery/bs7.jpg');
  }
  &:nth-of-type(29n) {
    background-image: url('../../../img/bs-original-gallery/bs8.jpg');
  }
  &:nth-of-type(30n) {
    background-image: url('../../../img/bs-original-gallery/bs9.jpg');
  }
  &:nth-of-type(31n) {
    background-image: url('../../../img/bs-original-gallery/bs10.jpg');
  }
  &:nth-of-type(32n) {
    background-image: url('../../../img/bs-original-gallery/bs11.jpg');
  }
}

.item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;
}

.item:hover {
	transform: scale(1.05);
}

.item:hover:after {
	opacity: 0;
}

.item-medium {
	grid-row-end: span 2;
}

.item-large {
	grid-row-end: span 3;
}

.item-full {
	grid-column-end: auto;
}

.item-details {
    position: relative;
    z-index: 1;
    padding: 15px;
    color: #444;
    background: #fff;
    font-size: .9em;
}


/*  &--full {
    @media screen and (min-width: 768px) {
      grid-column: 1/-1;
      grid-row-end: span 2;
    }
  }*/
  



@media (max-width: 575.98px) {
    .bg-contact {
        background-position: top right;
    }

    .bg-contact .col-3 {
        width: 80%;
    }

    .col-6.policy {
        font-size: 15px;
    }

    .col-6 {
        width: 90%;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .bg-contact {
        background-position: top right;
    }

    .bg-contact .col-3 {
        width: 80%;
    }

    .col-6.policy {
        font-size: 15px;
    }

    .col-6 {
        width: 90%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .bg-contact {
        background-position: top right;
    }

    .bg-contact .col-3 {
        width: 80%;
    }

    .col-6.policy {
        font-size: 15px;
    }

    .col-6 {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .bg-contact {
        background-position: top right;
    }

    .bg-contact .col-3 {
        width: 80%;
    }

    .col-6.policy {
        font-size: 15px;
    }

    .col-6 {
        width: 100%;
    }
}