#wrapper {
	background: rgb(230, 237, 223);
}

#one-video {
	font-family: Tactic;
}

#one-video .header {
	text-align: left;
	align-content: stretch;
}

#one-video .header .column:first-child {
	padding: 20px 20px 60px 20px;
}

#one-video .header .title{
	font-size: 3vw;
	line-height: 2em;
	font-family: Tactic;
	word-break: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

#one-video .header .title strong{
	-webkit-text-stroke: 2px black;
	color: transparent;
}

#one-video .header .credits {
	border-top: solid 2px black;
	margin-top: 15px;
	padding: 5px 5px 5px 5px;
}

#one-video .header .credits .autor{
	float: right;
}

#one-video .header .column{
	flex: 1 1 auto;
	width: 50%;
	border: none;
}

#one-video .header .column .illustration{
	position: relative;
	height: 100%;
}

#one-video .header .column .illustration .svg {
	width: 100%;
	height: 25%;
	background-size: cover;
	background-position: 50% 50%;
}

#one-video .header .column .illustration .svg.mid-block{
	width: 100%;
	height: 50%;
}

#one-video .header .column .illustration .center {
	width: 15vw;
}

#one-video .video-container .video {
	filter: grayscale(100%);
	width: 100%;
	height: calc(100vw / 1.777);
}

#one-video .video-container .video:hover {
	filter: grayscale(0);
}

@media (max-width: 1000px) { 
	#one-video .column:last-child {
		display: none;
	}

	#one-video .header .title{
		font-size: 9vw;
	}
}

/*@media (max-width: 500px) { 
	#one-video .header .title{
		font-size: 9vw;
	}
}*/