.head-bg {
	background-image: url('../img/img_head_gallery.jpg')
}

.gallery-bg {
	background-image: url('../img/img_bg_gallery.jpg');
	background-size: cover;
	background-position: center center
}

.gallery-section {
	padding: 40px 5vw
}

.middle-section h2 {
	text-align: center;
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 41px
}

.container-fluid.middle-section {
	border-bottom: none
}

.middle-section h2:after {
	content: '';
	position: absolute;
	bottom: calc((30px - 2px) / 2);
	width: 90%;
	max-width: 500px;
	height: 2px;
	background-color: #f7c774;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto
}

.middle-section .romance-copy p {
  max-width: 1200px;
	width: 95%;
	padding-bottom: 20px
}

.row .images {
	padding-left: 0;
	padding-right: 0
}

.images img {
	padding: 15px
}

.images img {
	display: block;
	max-width: 100%
}

.lightbox-style:after {
	
}

.gallery-section .height-1 {
	height: 285px
}

.gallery-section .height-2 {
	height: 200px
}

.gallery-section .height-3 {
	height: 590px
}

.gallery-section .height-4 {
	height: 460px
}

.gallery-section .height-5 {
	height: 320px
}

.gallery-section .height-6 {
	height: 178px
}

.gallery-section .height-7 {
	height: 280px
}

.gallery-section .height-8 {
	height: 345px
}

.photo-nav-wrapper {
	float: left;
	width: 100%;
	overflow: hidden;
}

.photo-nav {
	float: left;
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

.photo-nav .nav-item {
	float: left;
	width: inherit;
	font-size: 30px;
	color: #000;
	overflow: hidden;
}

.photo-nav .nav-item ~ .nav-item {
	padding-top: 5px;
}

.photo-nav .nav-item span {
	float: left;
	width: inherit;
	padding: 5px 30px;
	overflow: hidden;
	cursor: pointer;
	background-color: #fff;
	text-align: center;
}

.photo-nav .nav-item.active span {
	background-color: #f7c774;
}

[data-activecategory] [data-imagecategory] {
	display: none;
}

[data-activecategory="1"] [data-imagecategory="1"] {
	display: block;
}

[data-activecategory="2"] [data-imagecategory="2"] {
	display: block;
}

[data-activecategory="3"] [data-imagecategory="3"] {
	display: block;
}
 
@media screen and (min-width: 768px) {
	.photo-nav {
		width: auto;
	}
	
	.photo-nav .nav-item {
		padding: 5px 10px;
	}
}