header > a.dots { text-align: left; display: block; padding-top: 15px; color: #231f20; font-size: 20px; vertical-align: middle; }
header > a.dots:hover {color:white}


p {margin-top:0px; margin-bottom:0px; text-align:left; font-size:13px; line-height:14px }
p a {color:#231f20}
p a:hover {color:white}


.mobile-header {display:none}

.mobile-header { position: absolute; left: 0px; right: 0px; /*top: 70px; ACA 28/08/2017 changed to:*/ top: 51px; font-family: Impact; font-size: 17px; text-transform: uppercase;}
.mobile-header > * {text-align:left}
.mobile-header > .tocp {color:#231f20}
.mobile-header > .title span:nth-child(2) {color:white}


@media screen and (max-width:785px)
{
	/*header {min-height:calc(70px + 77px + 9px);}
	ACA 28/08/2017 changed to:*/
	header {min-height:119px; margin-top:37px}

	header + * { min-height: calc(516px - 77px - 9px); }

	.mobile-header {display:block}

	div#info {display:none}
	.copyright {padding-top:25px}
}

@media screen and (max-width:527px) {
	/*header + * { min-height: calc(774px - 77px - 9px); }
	ACA 28/08/2017 changed to:*/
	header + * {min-height:256px}


	.VideoSquare + footer,
	.ImageSquare + footer {margin-top:0px!important; /*margin-bottom:40px!important*/}

	header {margin-top:5px}
}