.head-dark {
	color: #000 !important;
}
.para-dark {
	color: #777 !important;
}
.gal-wrap {
	width: 100%;
	height: auto;
	padding: 2rem 0;
}
.gallery {
	position: relative;
	height: auto;
	width: 100%;
	margin: auto;
	display: grid;
	padding: 0 1rem;
	grid-template-columns: auto auto auto auto; /*i write auto four time because we want four rows*/
	grid-gap: 2vh;
	grid-auto-flow: dense;
}
.gallery-btn {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 1rem auto;
	padding: 2rem 0;
}
.gallery-btn a {
	border-radius: 0px;
	background: transparent;
	border: 1px solid #bb3239;
	color: #bb3239;
	padding: 0.6rem 2rem;
	font-size: 1.1rem;
	font-weight: 500;
	text-transform: uppercase;
}
.gallery .img {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);*/
	border-radius: 0px;
	transition: .5s;
}
.gallery .img:first-child {
	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery .img:nth-child(2n+3) {
	grid-row-start: span 2;
}
.gallery .img:nth-child(4n+5) {
	grid-column-start: span 2;
	grid-row-start: span 2;
}
.gallery .img:nth-child(6n+7) {
	grid-row-start: span 1;
}
.gallery .img:nth-child(8n+9) {
	grid-column-start: span 1;
	grid-row-start: span 1;
}
.gallery .img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 0px;
	transition: 0.3s ease-in-out;
}
.gallery .img:hover img {
	transform: scale(1.1) rotate(-1deg);
	filter: grayscale(50%);
}
 @media only screen and (max-width:768px) {
.gallery {
	display: grid;
	grid-template-columns: auto auto auto;
}
}
 @media only screen and (max-width:430px) {
.gallery {
	display: block;
}
.gallery .img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 2% 0;
}
.gallery .img img {
	display: block;
	filter: brightness(1) grayscale(0);
}
}
/*Light-Box*/
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.8.1
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0,0,0,.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}
#baguetteBox-overlay.visible {
	opacity: 1
}
#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center
}
#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}
#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);
	box-shadow: 0 0 8px rgba(0,0,0,.6)
}
#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0,0,0,.6);
	font-family: sans-serif
}
#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}
#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}
#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}
#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}
@-webkit-keyframes bounceFromRight {
0%, 100% {
margin-left:0
}
50% {
margin-left:-30px
}
}
@keyframes bounceFromRight {
0%, 100% {
margin-left:0
}
50% {
margin-left:-30px
}
}
@-webkit-keyframes bounceFromLeft {
0%, 100% {
margin-left:0
}
50% {
margin-left:30px
}
}
@keyframes bounceFromLeft {
0%, 100% {
margin-left:0
}
50% {
margin-left:30px
}
}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}
.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50,50,50,.0);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
	background-color: rgba(50,50,50,.0)
}
.baguetteBox-button#next-button {
	right: 2%
}
.baguetteBox-button#previous-button {
	left: 2%
}
.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}
.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}
.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}
.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)
}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)
}
}