.gallery-holder{
	display: block;
	text-align: center;
	margin: 60px 50px 0px 50px;
	width: calc(100%-60px);
}

.portrait-group, .landscape-group{
	display: grid;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.gallery-element{
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-element img{
	width: 100%;
}

.video-holder{
	width: 100%; 
	aspect-ratio: 16/9;
}

.video-holder iframe{
	height: 100%;
	width: 100%;
}


@media (min-width: 700px){
	.portrait-group{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.portrait-one{
		grid-row: 1;
		grid-column: 1; 
	}

	.portrait-two{
		grid-row: 1;
		grid-column: 2;
	}
	
	.portrait-three{
		grid-row: 1;
		grid-column: 3;
	}

	.portrait-four{
		grid-row: 1;
		grid-column: 4;
	}

	.landscape-group{
		grid-template-columns: 1fr 1fr;
	}

	.landscape-one{
		grid-row: 1;
		grid-column: 1;
	}

	.landscape-two{
		grid-row: 1;
		grid-column: 2;
	}

}

@media(max-width: 700px){
	.portrait-group{
		grid-template-columns: 1fr 1fr;
	}

	.portrait-one{
		grid-row: 1;
		grid-column: 1; 
	}

	.portrait-two{
		grid-row: 1;
		grid-column: 2;
	}
	
	.portrait-three{
		grid-row: 2;
		grid-column: 1;
	}

	.portrait-four{
		grid-row: 2;
		grid-column: 2;
	}

	.landscape-group{
		grid-template-columns: 1fr;
	}

	.landscape-one{
		grid-row: 1;
		grid-column: 1;
	}

	.landscape-two{
		grid-row: 2;
		grid-column: 1;
	}
}