a {transition-duration:0.5s}



header {font-family:Impact; font-size:17px; /*display:flex*/}

@media screen and (max-width:785px)
{
	header {font-size:21px}
}
@media screen and (max-width:527px)
{
	header {font-size:17px}
	.CustomPage {margin-top:20px}
}


header, header a { color:#231f20;}
header a:hover {color:white}

/*header > * {flex:auto}
header > *:first-child {text-align:left}
header > *:last-child {text-align:right}
header > * > * + *::before {content:' / '}

	header > *:first-child::before { content: 'FILM ONE: CLIPS '; }
	header > *:nth-child(2)::before { content: 'FILM TWO: CLIPS '; }
	header > *:nth-child(3)::before { content: 'FILM THREE: CLIPS '; }*/


div#map { font-size: 0px; display: block; margin-top: 0px !important; }
div#map > * { height: 77px; line-height: 77px; background-color: #231F20; display: inline-block; width:77px; font-size:18px; color:white }

div#map > * {margin-right:9px; margin-bottom:9px}
div#map > *:nth-child(9n) {margin-right:0px}


@media screen and (max-width:785px)
{
	div#map > *:nth-child(9n) {margin-right:9px}
	div#map > *:nth-child(6n) {margin-right:0px}

	/*header {font-size:16px}
	header > *:first-child::before { content: 'FILM ONE: '; }
	header > *:nth-child(2)::before { content: 'FILM TWO: '; }
	header > *:nth-child(3)::before { content: 'FILM THREE: '; }*/
}


@media screen and (max-width:527px)
{
	div#map > *:nth-child(6n) {margin-right:9px}
	div#map > *:nth-child(4n) {margin-right:0px}

	/*header > *::before {display:block}
	header > *:first-child::before { content: 'FILM ONE'; }
	header > *:nth-child(2)::before { content: 'FILM TWO'; }
	header > *:nth-child(3)::before { content: 'FILM THREE'; }*/
}


@media screen and (max-width:355px) {

	/*header { display: block; }
		header > * { flex: none; text-align: left !important; }

			header > *::before { display: inline; }
			header > *:first-child::before { content: 'FILM ONE: CLIPS '; }
			header > *:nth-child(2)::before { content: 'FILM TWO: CLIPS '; }
			header > *:nth-child(3)::before { content: 'FILM THREE: CLIPS '; }*/

	div#map > *:nth-child(4n) { margin-right: 9px; }
	div#map > *:nth-child(3n) { margin-right: 0px; }
}


div#map:not(.nohover) [data-text-hover-color='black']:hover,
div#map [data-text-hover-color='black'][data-highlighted] {color:black;}

div#map:not(.nohover) [data-text-hover-color='white']:hover,
div#map [data-text-hover-color='white'][data-highlighted] {color:white;}



div#map:not(.nohover) [data-colour='green']:hover,
div#map [data-colour='green'][data-highlighted] {background-color:#BBC1AA;}

div#map:not(.nohover) [data-colour='white']:hover,
div#map [data-colour='white'][data-highlighted] {background-color:white;}



footer a[data-highlight-type],
footer a[href^='http']:hover {color:#231f20}


footer [data-highlight-type]:hover {color:white}