#row {width: 100%; display: block; border: 0px solid; position: relative; margin-bottom: 3.5%; }
#row h1 {}
#row h2 { font-size:1.6vw; }
#row h2 a { display: block; font-weight: bold; color: #4769b2;}
#row h2 span a { display: block; font-weight: bold; color: #4769b2; position: absolute; bottom: -2.5em;}
#row h2 a img {width: 9%; margin-bottom: -2.8%; padding-right: 15px; }
#row h3 { font-size: 1.5vw; position: absolute; bottom: -2.5em;}
#row h4 { font-size:1.2vw; }
#row h5 { display: block; font-size:1.4vw; }
#row h6 { display: block; font-size:1.3vw; }
#row span a { font-size: 1.5vw; text-decoration: none; color: #4769b2; font-weight: bold; position: absolute; bottom: -3.5em; }
hr {border-top: 1px solid white; opacity: 0; margin-bottom: 2%;}

			
#third { width: 31%; display: inline-block; }
#third img { width: 100%; }

#twothirds { width: 65.5%; display: inline-block; }
#twothirds img { width: 100%; }

#threefifths { width: 58%; display: inline-block; border: 0px solid; position: relative;}
#threefifths h1 { margin-bottom: 6%; }
#threefifths img { width: 100%; }

#fifth { position: absolute; width: 45%; height: 46%; overflow: hidden; }
#fifth img { height: 100%; }

#fifthframe { position: absolute; width: 46%; overflow: hidden; }


#twofifths { width: 38%; display: inline-block; height: 100%; border: 0px solid;}
#twofifths img {width: 100%; }

.twofifths { width: 38%; display: inline-block; position: relative;}
.threefifths { width: 58%; display: inline-block; height: 100%; }
.sixtytwo { width: 62%; display: inline-block; position: relative;}
.thirtyfour { width: 34%; display: inline-block; height: 100%; }


.fourfifths { width: 79.5%; display: inline-block; position: relative;}

#half { width: 48%; display: inline-block; }

.full { position: absolute; width: 100%!important; height: 46%!important; overflow: hidden; left: 50%;
transform: translate(-50%, 0);}

.fullwidth {width: 100%; }
.fullwidthpic img  {width: 100%; }
.fullheight {height: 100%; }
.fullheightpic img { height: 100%; width: initial!important;}

.gap { margin-bottom: 3.5%; }
.gapsix { margin-bottom: 10%; }
.full img { height: 100%!important; width: initial!important; }
			
.mid {position: absolute; left: 50%; transform: translateX(-50%)}
.middle {position: absolute; top: 50%; transform: translateY(-50%)}
.topmid {position: absolute; top: 33.3%; transform: translateY(-33.3%)}
.bottommid {position: absolute; top: 66.6%; transform: translateY(-66.6%)}
.right { position: absolute; right: 0; }
.left { position: absolute; left: 0; }
.top { top: 0;}
.bottom { position: absolute; bottom: 0;}
.drop { position: absolute; bottom: -54%; }
.smalldrop {position: absolute; bottom: -2.5em;}
.virtual {border-bottom: 0!important; padding: 0!important;}

.colour {background-color: aqua;}
.border {border: 1px solid black;}

.map { position: relative; overflow: hidden; width: 100%; padding-top: 69.0%; }
.twentynine { width: 29%!important; }	
.fortyeight { width: 48%; }
.twenty { width: 17%; }
		
.hidden { display: none!important;}



@media screen and (min-width: 1462px) { 
	#row h2 { font-size:1.5em; }
	#row h3 { font-size:1.4em; }
	#row h4 { font-size:1.2em; }
	#row h5 { font-size:1.35em; }
	#row h6 { font-size:1.25em; }
	#row span a { font-size: 1.4em; }
}
			
@media screen and (max-width: 920px) {
	#row h2 { font-size:1.4em; }
	#row h2 a { display: block; padding-bottom: 1em; font-weight: bold; color: #4769b2;}
	#row h2 a img {width: 30px; margin-bottom: -9px; padding-right: 15px; }
	#row h3 { font-size:1.4em; position: absolute; bottom: -50px;}
	#row span a { font-size:1.4em; text-decoration: none; color: #4769b2; font-weight: bold; position: absolute; bottom: -70px;}
				
	.compact#third { width: 48%; display: inline-block; }
	#twothirds {width: 100%; display: inline-block;}
	#threefifths {width: 100%}
	.compact.mid { position: absolute; right: 0; left: inherit; transform: translateX(0%); }
	.compact.right { width: 100%; display: inline-block; position: relative; }
				
	.map { position: relative; overflow: hidden; width: 100%; padding-top: 69.0%; }
	.vanish { display: none!important; }
	.hidden { display: block!important; }
	
	.breakout {width: 100%!important; display: inline-block!important;  }
	.popdown {width: 100%!important; display: inline-block!important; position: relative; margin-top: 3.5%; }

}