img 		{max-width:100%;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}


/* page templates */
.sideBySide-Col1 {width:48%;float:left;} 
.sideBySide-Col2 {width:48%;float:right;}

.leftColumn-Col1 {width:30%;float:left;}
.leftColumn-Col2 {width:65%;float:right;}

.rightColumn-Col1 {width:65%;float:left;}
.rightColumn-Col2 {width:30%;float:right;}

.leftMenuColumn-Col1 {width:20%;float:left;}
.leftMenuColumn-Col2 {width:75%;float:right;}

.row {clear:both;}
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/* article templates */
.leftAlignImageArticle {clear:both;}
.rightAlignImageArticle {clear:both;}
	
.articleImageLeft		{float:left; margin:0 1.250em 0.625em 0;}
.articleImageRight	{float:right;margin:0 0 0.625em 1.250em;}	
	
h1, h2, h3, h4 {line-height:normal;}
	
@media (min-width:0) and (max-width:840px) {
	#container	{width:100%;} 
	#topmenu		{} 
	#middle		{padding-left:1em;padding-right:1em;min-height:6.250em;}
	#footer		{padding-left:1em;padding-right:1em;} 
	
	.articleImageLeft		{max-width:50%;}
	.articleImageRight	{max-width:50%;}
}

@media (min-width:768px) and (max-width:790px) {	
	.openingTimes .sideBySide-Col1 {width:50%}
	.openingTimes .sideBySide-Col2 {width:50%;}
	.mlddm>li:first-child {border:none;} 
}	

@media (min-width:601px) and (max-width:767px) {
	#topmenu {background-color:#223E92;width:100%;height:2.5em;}
.mlddm>li:first-child {border:none;} 

}

	
@media (min-width:0) and (max-width:600px){
	body	{background-color:#ffffff;}
	#middle  {padding-left:0.5em;padding-right:0.5em;}
	.footerLeft, .footerMiddle, .footerRight {float:none;text-align:left;width:100%;line-height:130%;}
	.articleImageLeft, .articleImageRight {float:none;max-width:100%;margin-left:0;}
	#topmenu {background-color:#223E92;width:100%;}
	.sideBySide-Col1, .sideBySide-Col2 {width:100%;}
	.leftColumn-Col1, .leftColumn-Col2 {width:100%;}
	.rightColumn-Col1, .rightColumn-Col2 {width:100%;}
	.leftMenuColumn-Col1{display:none;}
	.leftMenuColumn-Col2{width:100%;}
	iframe {width:70%}
	.openingTimes .sideBySide-Col1 {width:100%}
	.openingTimes .sideBySide-Col2 {width:100%;}
.mlddm>li:first-child {border:none;} 	

	}
	
@media (min-width:0) and (max-width:480px){
h3 		{font-size: 1.250rem;}
h4 		{font-size: 1.875rem;}
}