html, body {
			font-family: 'Poppins', sans-serif;
			overflow: visible;
			
		}
		
	@media screen and ( min-width : 0px ) and (max-width : 551px ){
		
  			.rightDiv { display: none !important;} 
  			.divsmall { display: block !important;}
		
			.regularText.inline3 {
				font-display: inline-block;
				display: flex!important;
				padding-top: 80px;
				color: #322744;
				font-size: 12px;
				font-style: normal;
				font-family: 'Poppins', sans-serif;
				vertical-align: middle;
			}
			.headlineDiv {
				width: 300px;
				height: 100px!important;
				position: relative;
				display: block;
				padding-top: 0px;
				padding-bottom: 30px;
			}	
		}

		.mainDiv {
			width: 100%;
			height: 650px;
			overflow: hidden;
			display: flex;
			position: relative;
			
		}
		
		.leftDiv {
			width: 60%;
			height: 680px;
			display: inline-block;
			box-sizing: border-box;
			
		}
		
		.rightDiv {
			width: 40%;
			height: 680px;
			padding-top: 0px;
			
			display: inline-block;
			box-sizing: border-box;
			
		}
		
		.headlineDiv {
			width: 300px;
			height: 80px;
			position: relative;
			display: block;
			padding-top: 0px;
			padding-bottom: 30px;
		}	
		
		.divsmall {
			width: 300px;
			height: 40;
			position: absolute;
			top: 16px;
				display: none;
			
		}
		
		.mapDiv {
		
			width: 300px;
			height: auto;
			position: relative;
			display: block;
			
		}
		
		.ukmap {
			pointer-events: none;
			position: absolute;
		}
		
		.arrowDown {
			width: 8px;
			margin-left: 3px;
			margin-right: 3px;
			display: inline-block;
		}
		
		.legendCircle {
			display: flex;
			width: 140px;
			margin-top:-2px;
			margin-left: 8px;
			margin-right: 8px;
			display: inline-block;
			vertical-align:middle;
		}
		.legendCircle2 {
			display: flex;
			width: 24px;
			
		
			margin-right: 12px;
			display: inline-block;
			vertical-align:middle;
		}
		
		
		svg {
			position:absolute;
			width: 320px;
			height: 520px;
		}
		
		.c {
			transform-origin: center;
			transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
		
		}
		.tooltip_templates { display: none; }
		#tooltip_London, #tooltip_Cambridge, #tooltip_Oxford, #tooltip_Bournemouth, #tooltip_Bristol, #tooltip_Portsmouth, #tooltip_Edinburgh, #tooltip_Southampton, #tooltip_Cardiff, #tooltip_Leicester, #tolltip_Manchester, #tooltip_Leeds, #tooltip_Birmingham, #tooltip_Aberdeen, #tooltip_Nottingham, #tooltip_Sheffield, #tooltip_Belfast, #tooltip_Newcastle, #tooltip_Glasgow, #tooltip_Liverpool {
			width: auto;
			height: 60px;
			overflow: hidden; 
			-webkit-overflow: hidden;
			-moz-overflow: hidden;
			
		}
		.tip {
			position: relative;
		    overflow: hidden; 
			-webkit-overflow: hidden;
			-moz-overflow: hidden;
			width: 260px;
			height: 120px;
			background-color: #76767C;
			border-radius: 4px 4px 4px 4px;
			
		}
		.LondonLeft {
			display: block;
			width: auto;
			height: 40px;
			background-color: #8046F1;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 14px;
			padding-right: 2px;
		}
		
		.LondonRight {
			overflow: hidden; 
			-webkit-overflow: hidden;
			-moz-overflow: hidden;
			display: block;
			width: auto;
			height: 40px;
			background-color: #F8F8F8;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 14px;
			padding-right: 2px;
			line-height: 1;
			border-radius: 0px 0px 2px 2px;
		}
		
		.h2 {
			font-family: 'Poppins', sans-serif;
			color: #322744;
			line-height: 0;
			font-size: 15px;
			font-weight: 600;
		}
		
		.cityHead {
			font-display: inline-block;
			color: #FBFAF9;
			font-size: 14px;
			font-style: normal;
			font-family: 'Poppins', sans-serif;
			margin: 0px 0px 2px 0px;
    		padding: 0;
			line-height: 1; 
		}
		
		
		
		.cityValue {
			font-display: inline-block;
			color: #FBFAF9;
			font-size: 14px;
			font-style: normal;
			font-family: 'Poppins', sans-serif;
			margin-top: 8px;
    		padding: 0;
			line-height: 1; 
			font-weight: 500;
			
		}
		
		.regularText {
			
			align-items: center;
			font-display: block;
			color: #322744;
			font-size: 12px;
			font-style: normal;
			font-family: 'Poppins', sans-serif;


			font-weight: 500;
			
		}
		
		.regularText.inline {
			font-display: inline-block;
			display: flex;
			color: #322744;
			font-size: 12px;
			font-style: normal;
			font-family: 'Poppins', sans-serif;
			vertical-align: middle;
		}
		
		.regularText.inline2 {
			font-display: inline-block;
			display: flex;
			padding-top: 510px;
			color: #322744;
			font-size: 12px;
			font-style: normal;
			font-family: 'Poppins', sans-serif;
			vertical-align: middle;
		}
		
		.regularText.inline3 {
			display: none;
	
		}
		
		.rightside {color: #322744!important}