#windowpictures{
	list-style: none;
}

#windowpictures > li > div:not(.plyr){
	background-color: #b7aaa9;
	width: min(267px, 19.07vw);
	height: min(267px, 19.07vw);
	margin: 0 0 min(3px, 0.21vw) min(3px, 0.21vw);
	border-radius: 50%;
	filter: blur(6px);
}

#windowpictures > li > img{
	width: min(267px, 19.07vw);
	object-fit: cover;
	margin: min(3px, 0.21vw) min(3px, 0.21vw) 0 0;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}

#windowpictures > li > h2,
#windowpictures > li > p{
	width: min(720px, 51.42vw);
	text-align: center;
}

#windowpictures > li > h2{
	font-size: min(16pt, calc(5pt + 1vw));
	font-weight: bold;
	letter-spacing: 0.08em;
	margin-bottom: min(9px, 0.64vw);
	line-height: 1.8;
	margin-top: min(60px, 4.28vw);
}

#windowpictures > li > p{
	font-size: min(13pt, calc(4pt + 0.8vw));
	line-height: 2;
}

#windowpictures > li > div.plyr{
	width: min(450px, 32.14vw);
}

#logo{
	width: 30vw;
	max-width: 360px;
	margin: 0 auto;
	position: fixed;
	top: min(18px, 1.28vw);
	left: 50vw;
	transform: translateX(-50%);
	transform-origin: top;
}

footer{
	position: fixed;
	bottom: 0;
}

nav{
	position: fixed;
	transform: translateX(-50%);	
	bottom: min(69px, 4.92vw);
	margin-bottom: 0;
	width: min(880px, 62.85vw);
}

nav > a.language{
	color: #a00;
	background: none;
}

nav > a.language:not(:last-of-type){
	margin-left: min(36px, 2.57vw);
}

@media screen and (max-width: 768px){
	#windowpictures > li > div:not(.plyr){
		width: min(240px, 37.5vw);
    height: min(240px, 37.5vw);
	}
	
	#windowpictures > li > img{
		width: min(240px, 37.5vw);
	}

	#windowpictures > li > h2{
		font-size: min(16pt, calc(8pt + 1.6vw));
    width: 90vw;
    margin-bottom: min(15px, 2.34vw);
	}
	
	#windowpictures > li > p{
		width: 90vw;
    font-size: min(13pt, calc(6.5pt + 1.3vw));
	}
	
	#windowpictures > li > p > br{
		display: none;
	}
	
	#windowpictures > li > div.plyr{
		width: 90vw;
	}

	nav{
		bottom: min(75px, 11.71vw);
	}

}