body {
	margin:				0;

	font-family:		'Slabo 27px', serif;
	font-weight:		300;
	font-style:			normal;

	background-color:	#333333;
	background-image:	url("./gfx/BG.png");
}

.TitleWrapper {
	margin-top:			50px;
	margin-bottom:		50px;

	padding:			0 20px;
}

.Title {
	width:				100%;
	max-width:			404px;

	margin:				0 auto;

	display:			block;
}

.TitleDLH {
}

.Video {
	width:				960px;
	height:				540px;

	background-color:	white;

	margin-bottom:		20px;
}

.Embed {
	margin-bottom:			30px;
	padding:				20px;
	background-color:		white;
}

.Embed .EmbedInner {
	width: 					100%;
	padding-bottom: 		66.25%;

	position: 				relative;
}

.EmbedInner > iframe {
	width: 					100%;
	height: 				100%;

	border: 				none;

	position: 				absolute;

	left: 					0;
	top: 					0;

	display: 				block;
}

.Wrapper {
	margin:				0 auto 50px auto;
	max-width:			980px;

	padding:			0 10px;
}

.Pictures {
	column-count:		3;
	column-gap:			10px;
}

.PictureWrapper {
	break-inside: 		avoid;

	margin-bottom:		10px;
	padding:			10px;

	background-color:	white;

	position:			relative;
}

.PictureWrapper img {
	width:				100%;

	display: 			block;
}

.PictureTitle {
	margin-left:		10px;

	width:				286px;
	height:				21px;

	line-height:		22px;

	position:			relative;

	font-family:		'Slabo 27px', serif;
	font-weight:		500;
	font-size:			14px;

	display: 			none;
}

.PictureFilename {
	overflow:			hidden;

	width:				173px;

	text-overflow:		ellipsis;

	white-space:		nowrap;
}

@media (max-width: 800px) {

	.TitleWrapper {
		margin-top:			30px;
		margin-bottom:		30px;
	}

	.Pictures {
		column-count:		2;
	}

}


@media (max-width: 480px) {

	.TitleWrapper {
		margin-top:			20px;
		margin-bottom:		20px;
	}

	.Pictures {
		column-count:		1;
	}

}