body {
		margin:0px;
		font-size:14pt;
		background-color: #d2d2d2;
		color:#222;
		font-family: 'Nunito', sans-serif;
		margin:0px;
		padding:0px;
	}
	.tagline {
		font-weight: 500;
		line-height: 1.2;
		text-shadow: 0 2px 3px rgba(0,0,0,.5),0 0 80px rgba(0,0,0,.75);
		text-transform: uppercase;
		font-size:40px;
	}
	.scrolling-wrapper-flexbox {
	  display: flex;
	  flex-wrap: nowrap;
	  overflow-x: auto;
	
	  .card {
	    flex: 0 0 auto;
	  }
	}
	.card {
	  border: 2px solid white;
	  background: gray;
	}
	.scrolling-wrapper, .scrolling-wrapper-flexbox {
	  height: auto;
	  width: 100%;
	  -webkit-overflow-scrolling: touch;
	  &::-webkit-scrollbar {
	    display: none;
	  }
	}	
	.mobileFlex { display:none;}
	.desktopFlex { display:inline-flex;}

	}
	img {
		max-width:100%;
	}
	h1 {
		line-height:110%;
		color:black;
		font-size:24px;
}
	h2 {
		line-height:110%;
		color:#6a4d4d;
	}
	
	.outer {
		max-width:1000px;
		background-color: white;
		text-align:left;
		
	}
	.bodyText {
		padding:10px;
		line-height:140%;
	}
	.navTop {display:block;font-size:16px;text-align:left}
	.navTop a {;display:inline-block;border-right:2px solid #b3b737;color:black;text-decoration: none;padding:18px;padding-left:10px;padding-right:10px;height:22px;max-width:205px;}
	.navTop a:visited {color:black;}
	.navTop a:hover {background-color:#222;color:#ffffff;}

	.navHeader {display:block;font-size:14px;text-align:left;float:left;}
	.navHeader a {;display:inline-block;color:white;text-decoration: none;padding-top:14px;padding-right:20px;height:22px;max-width:105px;}
	.navHeader a:visited {color:white;}
	.navHeader a:hover {color:#cad35f;}


	.contentWidth {display:block;max-width:1009px;box-sizing: border-box;text-align: left;}
	.logoBar {display:flex;align-items: center;height:140px;width:100%}
	.logo {float:left;height:110px;}
	.telephone {float:right;font-size:48px;margin:0px;padding:0px;color:black;text-decoration: none;width:100%;text-align:right;font-wight:bold;}
	
	.desktopNavBar {width:100%;background-color:#fffb00;height:58px;display:block;border-top:1px solid #f8f814;border-bottom:1px solid #c8d73d;}
	.mobileNav {display:none;width:100%;padding-top:10px;}
	.mobileNav a {
		display:block;
		background-color: #0f85a5;
		color:white;
		font-size:22px;
		padding-top:5px;
		padding-bottom:5px;
		width:100%;
		text-align: center;
		text-decoration: none;
		border-bottom:2px solid #222;;
		
	}
	.slideOverlay {
		display:block;
		position:absolute;
		width:580px;
		height:240px;
		padding:20px;
		display:block;
		left: 50%;
		top:50%;
		margin-top:-150px;
		margin-left:-290px;
		color:white;
		font-size:20px;
		z-index:1000;
		background-color: rgba(48,69,94,0.4);
		border-radius:20px;
		font-size:32px;
		font-family: 'Raleway', sans-serif;
	}
	
	.btnGreen {
		cursor:pointer;
		padding:10px;
		background-color: #8d9f67;
		color:white;
		font-size:32px;
		font-family: 'Raleway', sans-serif;
		border:0px;
		border-radius:8px;
	}

.desktopNavBarSepLine {
	position:absolute;
	margin-top:78px;
	left:0px;
	width:100%;
	height:1px;
	background-color: #a3a3a3;
}

.footerBar {
	min-height:100px;
	background-color: #0f85a5;
	color:white;
	padding:10px;
	display:block;
}

.mobile {display:none}
.mobileFlex {display:none}
.desktop {display:block}
.mobileInline {display:none}
.desktopInline {display:inline-block}
#cssA {display:none;}
#cssB {display:none;}
#cssC {display:none;}
#cssD {display:none;}
#cssE {display:none;}
	#enqForm {
		z-index:20000;
		display:absolute;
		box-sizing: border-box;
		top:0px;
		left:0px;
		max-width:90%;
		width:600px;
		background-color: white;
		border-radius:12px;
		display:none;
		border:1px solid white;
	}
	#enqFormDirector {
		z-index:20000;
		display:absolute;
		box-sizing: border-box;
		top:0px;
		left:0px;
		max-width:90%;
		width:600px;
		background-color: white;
		border-radius:12px;
		display:none;
		border:1px solid white;
	}
	#enqFormWin {
		z-index:20000;
		display:none;
		box-sizing: border-box;
		top:0px;
		left:0px;
		max-width:90%;
		width:600px;
		background-color: white;
		border-radius:12px;
		display:none;
		border:1px solid white;
	}
	#estFormWin {
		z-index:20000;
		display:none;
		box-sizing: border-box;
		top:0px;
		left:0px;
		max-width:90%;
		width:600px;
		height:800px;
		background-color: white;
		border-radius:12px;
		display:none;
		border:1px solid white;
	}
	#estFrame {
		max-width:90%;
		width:600px;
		height:800px;
		
	}
	.enqFormPadding {
		border-radius:12px;
		border:4px solid #0f85a5;
		padding:20px;
	}
	.enqInput {
		padding:10px;
		border:1px solid silver;
		border-radius:5px;
		width:300px;
		max-width:80%;
		box-shadow:0px 10px 10px -5px #e1e1e1;
		font-size:14px;
	}
	#enqForm select  { height:40px;}
	#enqForm textarea  { height:80px;}
	.enqFieldWarn {
		background-color:red;
		color:white;
	}
	.enqlabel {
		margin-top:15px;font-size:12px;
	}
	
	a.button3{
		cursor:pointer;
		display:inline-block;
		padding:0.3em 1.2em;
		margin:10px 0.3em 0.3em 0;
		border-radius:2em;
		box-sizing: border-box;
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		font-weight:300;
		color:#FFFFFF;
		background-color:#4eb5f1;
		text-align:center;
		transition: all 0.2s;
	}
	a.button2 {background-color:#d4e3ec;}
	a.button3:hover{
		background-color:#4095c6;
		color:#222;
	}
	a.button4 {background-color:#a3d59d;color:black;}
	a.button4:hover{
		background-color:#3fc754;
		color:white;
	}
@media all and (max-width:30em){
	a.button3{
	display:block;
	margin:0.2em auto;
	}
}

@media (max-width : 1200px) 
{
	.slideOverlay {
		width:400px;
		height:180px;
		margin-top:-120px;
		margin-left:-200px;
		font-size:28px;
	}
	.tagline {
		font-size:40px;
	}
	#cssD {display:inline-block;}

}
@media (max-width : 1024px) 
{
	.slideOverlay {
		width:400px;
		height:180px;
		margin-top:-120px;
		margin-left:-200px;
		font-size:32px;
	}
	.desktopNavBarSepLine {display:block;}
	.desktopNavBar {height:58px;}
	#cssA {display:inline-block;}

}
@media (max-width : 965px) 
{
	#serviceCard1 {display:none;}
	#ImagePack {height:240px;}
	.slideOverlay {
		display:none;
	}
	.desktop {display:none;}
	.mobile {display:block;}
	.mobileFlex {display:flex;}
	.mobileInline {display:inline-block}
	.desktopInline {display:none}
	.mobileFlex {
		display:flex;
	}
	.desktopFlex {
		display:none;
	}
	.photoBlock:after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}
	#cssB {display:inline-block;}
}
@media (max-width : 568px) 
{
	#cssE {display:inline-block;}
	#ImagePack {height:300px;}
	
}
@media (max-width : 414px) 
{
	#cssC {display:inline-block;}
	#ImagePack {height:240px;}
}