.gallery {
	margin: 0 auto;
	width: 60%;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(9,4vw);
	grid-gap: 1rem;
}

.gallery__item {
	position: relative;
  text-align: center;
  color: black;
	font-weight: bold;
	font-size: 1.3rem;
	text-shadow: 2px 2px 4px #666;
}

.gallery__item--1 {
	grid-row: 1 / span 5;
	grid-column: 1 / span 3;
		
}

.gallery__item--2 {
	grid-row: 1 / span 5;
	grid-column: 4 / span 3;
}

.gallery__item--3 {
	grid-row: 6 / span 4;
	grid-column: 1 / span 6;
}

.gallery__item--4 {
	grid-row: 1 / span 9;
	grid-column: 7 / span 3;
}

.gallery__img {
	width: 100%;
	height: 100% !important;
		
	object-fit: cover;
	display: block;
	
	-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
		
		border: 1px solid #f2f3f4;
}

.gallery__img:hover {
	 -webkit-filter: brightness(70%);
   filter: brightness(70%);
}

.gallery figure {
	margin: 0;
}

.case-study-img {	
	-webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   -ms-transition: all 1s ease;
   transition: all 1s ease;
}

.case-study-img:hover {
		-webkit-filter: brightness(70%);
   filter: brightness(70%);
}

.bottom-text {
		width: 102%;
		padding: 1.5rem 0 1.5rem 0;
		background-color: rgba(255, 255, 255, 0.3);
		position: absolute;
		bottom: -59px;
  	left: 50%;
  	transform: translate(-50%, -50%);
		pointer-events: none;
}

.greyscale {
    filter: url(data:image/svg+xml;utf8,#greyscale);
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

@media only screen and (max-width: 1000px) {
				.gallery {
			grid-template-rows: repeat(9,3vw);
		}
		
		.bottom-text {
			padding: 1rem 0 1rem 0;
			bottom: -50px;
		}
		
		.gallery__item {
			font-size: 1rem;
		}
		
}

@media only screen and (max-width: 767px) {
		
		.gallery {
			grid-template-columns: repeat(5, 1fr);
			grid-template-rows: repeat(8, 11vw);
		}
		
		.gallery__item--1 {
			grid-row: 1 / span 3;
			grid-column: 1 / span 3;
		}

		.gallery__item--2 {
			grid-row: 4 / span 3;
			grid-column: 1 / span 3;
		}

		.gallery__item--3 {
			grid-row: 7 / span 2;
			grid-column: 1 / span 5;
		}

		.gallery__item--4 {
			grid-row: 1 / span 6;
			grid-column: 4 / span 2;
		} 
		
    
    #mobile-swap-column { 
			flex-direction: column-reverse;
    }
		
		
		
		
		
}

.contact-info {
		margin: 0 auto;
		max-width: 800px;
}

#menu-item-743 {
		border-bottom: 2px solid #ee802c;
}

.wpcf7 input[type="submit"] {
		border: 2px #ee802c solid;
    background-color: #ee802c;
}

.wpcf7 input[type="submit"]:hover {
    background-color: transparent;
}

.menu-home-container {
    padding-left: 20px !important;
}