.photo-montage-wrapper {
    padding: 40px 0 20px;
}
.photo-montage-wrapper:last-child {
    padding: 40px 0;
}
.photo-montage {
	width: 100%;
	height: 500px;
	grid-gap: 10px;
    margin-left: auto;
    margin-right: auto;
}
.two-grid-style-one {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "one two";
}
.two-grid-style-two {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one" "two";
}
.three-grid-style-one {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one one" "two three";
}
.three-grid-style-two {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two" "three three";
}
.three-grid-style-three {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two" "one three";
}
.three-grid-style-four {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "two one" "three one";
}
.three-grid-style-five {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one one" "two two" "three three";
}
.three-grid-style-six {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two three" "one two three";
}
.four-grid-style-one {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas: "one one" "two two" "three three" "four four";
}
.four-grid-style-two {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two three four" "one two three four";
}
.four-grid-style-three {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one one one" "two three four";
}
.four-grid-style-four {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two three" "four four four";
}
.four-grid-style-five {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one two" "one three" "one four";
}
.four-grid-style-six {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one four" "two four" "three four";
}
.four-grid-style-seven {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one one two" "three four four";
}
.four-grid-style-eight {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one two two" "three three four";
}
.four-grid-style-nine {
    display: grid;
	width: 100% !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one three" "one four" "two four";
}
.four-grid-style-ten {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one three" "two three" "two four";
}
.four-grid-style-eleven {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one two" "three three" "four four";
}
.four-grid-style-twelve {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one one" "two three" "four four";
}
.four-grid-style-thirteen {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one one" "two two" "three four";
}
.four-grid-style-fourteen {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one three four" "two three four";
}
.four-grid-style-fifteen {
	width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "one three" "two four";
}
.photo-montage .photo-show {
	position: relative;
}

.photo-montage .photo-show a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 20px;
  line-height: 27px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.photo-montage .photo-show:hover a,
.photo-montage .photo-show:focus a,
.photo-montage .photo-show:active a {
    opacity: 1;
}

.photo-montage .photo-1 {
    grid-area: one;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #161616;
}
.photo-montage .photo-2 {
    grid-area: two;
	background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
    background-color: #161616;
}
.photo-montage .photo-3 {
    grid-area: three;
	background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
    background-color: #161616;
}
.photo-montage .photo-4 {
    grid-area: four;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #161616;
}

@media (max-width: 767px) {
    .photo-montage-wrapper {
        padding: 20px 0;
    }
    .photo-montage-wrapper:last-child {
        padding: 20px 0;
    }
    .photo-montage-wrapper h3 {
        font-size: 27px;
        line-height: 30px;
    }
}