@import '../Modules/DurationLinks.css';

div#film-series > a:after {content:' >'}
div#film-series > a {font-size:19px; line-height:21px; display:block}



div#thumbnails { margin-top: 69px; }
div#film-series > div#series-title:first-child {margin-bottom:50px}


@media screen and (max-width:862px)
{
	div#thumbnails {margin-top:8vw}
	div#film-series > div#series-title:first-child { margin-bottom: 5.8vw; }
}
@media screen and (max-width:345px)
{
	div#film-series > div#series-title:first-child { margin-bottom: 20px }
}
@media screen and (max-width:250px)
{
	div#thumbnails {margin-top:20px}
}


div#film-series ~ div.PageTexts { margin-top: 20px; }


div#thumbnails { font-size: 0px; }
div#thumbnails > * {display:block}
div#thumbnails > *:not(:last-child) {margin-bottom:15px}

/* Thumbnails */
@media screen and (min-width:415px) {

	div#thumbnails > *:not(:last-child) {margin-bottom:0px}
	div#thumbnails { align-items: stretch; justify-content: space-between; align-content: stretch; }
	div#thumbnails { display: flex; width: 100%; }
		div#thumbnails > * { flex: auto; max-width: 32%; }

	img { width: 100%; height: 100%; }
}



div.PageTexts[data-table="texts"] {color:#cbd5ee}
div.PageTexts[data-table="page_urls"] {color:#454c67}