.gallery {
	display: flex;
	padding: 2px;
	transition: .3s;
	
	&:hover &__image {
		filter: grayscale(1);
	}
	
	&__column {
		display: flex;
		flex-direction: column;
		width: 25%;
	}
	
	&__link {
		margin: 2px;
		overflow: hidden;
		
		&:hover {
			.gallery__image {
				filter: grayscale(0);
			}
			
			.gallery__caption {
				opacity: 1;
			}
		}
	}
	
	&__thumb {
		position: relative;
	}
	
	&__image {
		display: block;
		width: 100%;
		transition: .3s;
		
		&:hover {
			transform: scale(1.1);
		}
	}
	
	&__caption {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 25px 15px 15px;
		width: 100%;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		color: white;
		opacity: 0;
		background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255 ,255 , 0) 100%);
		transition: .3s;
	}
}
.gallery__thumb{margin-top:-16px;}
.container {
    max-width: 1208px !important;
}
body{background-color:none !important;}
.heading {width:100%;}
.heading h1{font-family: 'Josefin Sans', 'sans-serif', Josefin Sans, sans-serif;

    font-weight: 600;
    font-size: 50px;
    margin-top: 70px;
    margin-bottom: 50px;}
		@media (min-width: 1024px){
		    #mobile{display:none;}
		}
		
	@media (max-width: 425px)
	{
		.heading h1 {
    font-family: 'Josefin Sans', 'sans-serif', Josefin Sans, sans-serif;
    font-weight: 600;
    margin-top: 70px;
    font-size: 30px;
    margin-bottom: 50px;
}
#desktop{display:none;}
.gallery{width:100% !important;display: block;margin-left:62px;}
	}
	
	@media (max-width: 414px){
.gallery {
    width: 100% !important;
    display: block;
    margin-left: 55px;
}
}

	@media (max-width: 375px){
.gallery {
    width: 100% !important;
    display: block;
    margin-left: 35px;
}
}
@media (max-width: 360px){
.gallery {
    width: 100% !important;
    display: block;
    margin-left: 28px;
}
}

@media (max-width: 320px){
.gallery {
    width: 100% !important;
    display: block;
    margin-left: 8px;
}
}