/* 

	aqua: #bcb882;
	blue: 1e9be7

 */
	background-color: #1e9be7;


html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

body { 
	font-family: Open Sans, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 1.4;
	text-decoration: none;
	overflow-x: hidden !important;
	margin:0px;
}

body * { 
	word-break:normal !important;
	word-wrap:normal !important;
}

html,body,div,p,span,iframe,.site,main,footer {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}
/* 
.panel-layout, .panel-grid, .panel-no-style, .panel-grid-cell, .so-panel, .widget, .widget_sow-editor, .panel-first-child, .panel-last-child, .so-widget-sow-editor so-widget-sow-editor-base, .siteorigin-widget-tinymce, .textwidget {
	padding: 0px 0px 0px 0px !important; 
	margin: 0px 0px 0px 0px !important;
}
 */

a {
	text-decoration: none;
	-ms-word-break: break-all !important;
	word-break: break-all !important;
	word-break: break-word !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	hyphens: auto !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-decoration: inherit;
	color: #1e9be7
}

a:hover {text-decoration: none; color: #aea96b}
a:active {text-decoration: none; color: #aea96b}

a, a:link, a:active, a:focus, span {
	outline: 0px !important;
}

::-moz-selection { /* Code for Firefox */
  color: #eeca5e;
  background: #346ab1;
}

::selection {
  color: #eeca5e; 
  background: #346ab1;
}

.BodyCopy {
/* 
	text-shadow: 1px 1px 1px #000000, -1px -1px 1px #000000;
 */
}

article {
	margin: 0px 10px 0px 10px;
}

article img:not(.FullWidth, .TeamMemberPhoto) {
	width: auto;
	height: auto;
	max-width: 96%;
}

.textwidget {
	margin-bottom: 24px !important;
}

.nobr {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
	white-space: nowrap;
}

.BreakAll {
	-ms-word-break: break-all !important;
	word-break: break-all !important;

	word-break: break-word !important;

	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	hyphens: auto !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

.AllCaps {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
	text-transform: uppercase;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

table, table td, table tr, .Table, .TR, .TD {
	border: 0;
}

p {
	margin: 20px 0px 20px 0px;
}

.Table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.TR {
	display: table-row;
}

.TD {
	display: table-cell;
}

.TDVMiddle {
	vertical-align: middle;
}

.alignleft {
	display: inline;
	float: left;
	margin: 10px 10px 10px 0px;
}

.alignright {
	display: inline;
	float: right;
	margin: 10px 0px 10px 10px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 10px auto 10px auto;
}

/* ************************************************************************************** */
/* ************************************************************************************** */
/* ************************************************************************************** */

.BlueRule {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #1e9be7;
}
.WhiteRule {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #ffffff;
}
.AquaRule {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border-bottom: 2px solid #bcb882;
}


#SliderSpacer {
	height: 200px;
	width: 100vw;
}

#SliderWrapper {
	padding: 178px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#ShiftNavWrapper {
	display: none;
	vertical-align: top !important;
	padding: 10px 0px 10px 10px;
}

#PageHeadingContainer {
	padding: 0px 0px 0px 0px; 
	margin: 20px 0px 0px 0px;
}

#PageHeadingWrapper {
	padding: 0px 10px 0px 10px; 
	margin: 0px 0px 0px 0px;
	max-width: 1200px;
	text-align: left
}

h1.PageHeading {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 900;
	color: #1e9be7;
	line-height: 1;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 10px;
	width: auto;
	text-align: left;
}

h1.Large {
	font-size: 60px;
}

h1.Medium {
	font-size: 45px;
}

h1.Small {
	font-size: 25px;
	line-height: 1.4
}


h2.PageSubHeading {
/* 
	font-family: 'Sriracha';
	font-style: normal;
	font-weight: 400;
 */
	font-family: 'Cardo';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	color: #000000;
	line-height: 1.2;
	margin: 10px 0px 20px 10px;
	text-align: left;
}

h2.SectionHeading {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 900;
	color: #1e9be7;
	line-height: 1.4;
	padding: 0px 0px 0px 0px;
	margin: 50px 10px 20px 10px;
	width: auto;
	text-align: left;
}

h3.SectionSubHeading {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 700;
	font-style: italic;
	color: #000000;
	line-height: 1.4;
	font-size: 22px;
	margin: -20px 10px 20px 10px;
	width: auto;
	text-align: left;
}


main {
	margin: 10px 10px 10px 10px;
	position: relative;
	max-width: 1200px;
}

section {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* 
article {
	max-width: 1200px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
 */


#GalleryWrapper {
	text-align: center !important;
}
#GalleryContainer {
	width: auto;
	max-width: 1000px;
	text-align: center !important;
}


/* ************************************************************************************** */
/* ************************************************************************************** */
/* ************************************************************************************** */

#h1HeadingMobile {
	display: none;
	background: black;
	border-bottom: 2px solid white;
  	z-index: 3000;
  	position: fixed;
  	width: 100vw;

	font-family: 'Michroma';
	font-style: normal;
	font-weight: 400;
	color: white !important;
	font-size: 2.25vw;
	line-height: 1.2;
	letter-spacing: 1px;
	white-space: nowrap;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}


#InnerHeader {
  	position: relative;
  	border-bottom: 0px;
/* 
  	top: -20px;
 */
}

#InnerHeadingTBWrapper {
	width: 100vw;
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 1000;
}

#InnerHeadingTB {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	width: 100vw;
}

#InnerHeadingTR {
	display: table-row;
}

#InnerHeadingTD1 {
	display: none;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 10px;
	width: 142px;
	height: 169px;
/* 
	background-image: url('/CoastalGraphics/images/MobileBlueHeadingLeft.png');
 */
}

#InnerHeadingTD4 {
	display: none;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 10px;
	width: 142px;
	height: 169px;
	background-image: url('/CoastalGraphics/images/MobileBlueHeadingRight.png');
}

#InnerHeadingTD2 {
	display: table-cell;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
}

#InnerHeadingLogo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	height: 227px;
	display: block;
}

#InnerHeadingLogoMobile {
	display: none;
}

#InnerHeadingTD3 {
	display: table-cell;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	background-image: url('/CoastalGraphics/images/InnerHeadingD.png');
  	background-repeat: repeat-X;
	background-size: auto 54px;
  	height: 54px;
	width: 100%;
}

#InnerHeadingLogoRight {
	display: none;
}

#InnerHeadingWaterWrapper {
	background-image: url('/CoastalGraphics/images/InnerWaterBackLong.png');
  	background-repeat: repeat-X;
	background-position: right -50px center;
  	height: 169px;
  	width: 100vw;
  	position: absolute;
  	top: 10px;
  	left: 0px;
  	z-index: 900;
}


#InnerHeadingTD3 h1 {
	font-family: 'Michroma';
	font-style: normal;
	font-weight: 400;
	color: black;
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: 1px;
	white-space: nowrap;
	text-align: center;
	margin: 5px 30px 0px -10px;
}

#InnerHeadingMenuBackground {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	border-top: 2px solid #ffffff !important;
	border-bottom: 2px solid #ffffff !important;
	text-align: center;
	background: black;
  	width: 100vw;
   	height: 40px;
 	position: absolute;
  	bottom: 0px;
  	left: 0px;
}

#InnerHeadingMenu {
 	position: absolute;
  	top: 141px;
  	right: 0px;
  	z-index: 2000;
}

#HeadingInfoWrapper {
	position: absolute;
  	top: 45px;
  	right: 20px;
  	z-index: 2010;
}
#HeadingPhone a {
	font-family: 'Russo One';
	font-style: normal;
	font-weight: 400;
	color: white;
	font-size: 33px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#HeadingPhone a:hover {
	color: #4cf3ff;
}

#HeadingRuleWrapper {
	display: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	width: 100vw;
}

.FamilyOwned {
	font-family: 'Sriracha';
	font-style: normal;
	font-weight: 400;
	color: white;
	line-height: 1.2;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	margin: -5px 0px 10px 0px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* 
#mega-menu-wrap-main-menu {
	height: 66px !important;
	background: lime !important;
}
 */

li.mega-menu-item {
	border-left: 2px solid #ffffff !important;
	display: inline-block !important;
}

ul#mega-menu-header-menu {
	text-align: right !important;
	border: none !important;
}


li.mega-menu-item a {
	display:inline-block;
	font-weight: bold !important;
	font-size: 18px !important;
	padding: 0px 30px 0px 30px !important; 
	-webkit-transform:scale(1.2,1); /* Safari and Chrome */
	-moz-transform:scale(1.2,1); /* Firefox */
	-ms-transform:scale(1.2,1); /* IE 9 */
	-o-transform:scale(1.2,1); /* Opera */
	transform:scale(1.2,1); /* W3C */
	text-shadow: 1px 1px 1px black;
}

li.mega-menu-item a:hover {
	color: #1591dc !important;
	background: #ffffff !important;
	text-shadow: none;
}


li.mega-menu-item a:hover {
	text-shadow: none;
}

li.mega-current-menu-item > a {
	background: #1e9be7 !important; /* Old browsers */
	color: #ffffff !important;
}

.fa-home {
	font-size: 24px;
	-webkit-transform:scale(1,1); !important; /* Safari and Chrome */
	-moz-transform:scale(1,1); !important; /* Firefox */
	-ms-transform:scale(1,1); !important; /* IE 9 */
	-o-transform:scale(1,1); !important; /* Opera */
	transform:scale(1,1); !important; /* W3C */
}




/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Mega Menu Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */


#HeadingMenuWrapper {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	border-bottom: 2px solid #ffffff !important;
	text-align: center;
	background: black;
}

#HeadingMenu {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	display: inline-block;
	width: auto;
	border-right: 2px solid #ffffff !important;
}


#mega-menu-wrap-header-menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin: auto;
	display: inline-block;
}

#mega-menu-header-menu {
    /* white-space: nowrap !important; */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Shift Nav Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

.shiftnav-toggle-button {
	background-color: none !important;
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	font-size: 40px;
	color: #ffffff;
}

#shiftnav-toggle-main {
	background-color: black !important;
	padding: 0px !important;
	margin: 0px !important;
	height: 90px !important;
}

.shiftnav-main-toggle-content, .shiftnav-toggle-main-block {
	padding: 0px !important;
	margin: 0px 0px 0px 0px !important;
}


.shiftnav-toggle {
	color: #ffffff !important;
}


.shiftnav-toggle:hover, .shiftnav-toggle:active {
	background-color: none !important;
	background: none !important;
	color: #bcb882 !important;
}

.shiftnav-panel-close  {
	z-index: 2000 !important;
	background-color: none !important;
	background: none !important;
}

.shiftnav {
	border-right: 1px solid white !important;
	background-color: black
}

.shiftnav li {
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	border-bottom: 2px solid white !important;
	color: #ffffff !important;
}

.shiftnav li a {
	color: #ffffff !important;
}

.shiftnav li a:active, .shiftnav li a:hover {
	text-shadow: none !important;
}

.shiftnav li:active, .shiftnav li:hover, .shiftnav li a:active, .shiftnav li a:hover {
	background-color: #1e9be7 !important;
}

.shiftnav li.current-menu-item, .shiftnav li.current-menu-item a {
	background-color: #aea96b !important;
	color: #ffffff !important;
}

.shiftnav li.current-menu-item a:hover, .shiftnav li.current-menu-item a:active {
	background-color: #aea96b !important;
	color: #ffffff !important;
}


#shiftnav-main *{
	font-size: 20px !important;
	text-shadow: none !important;
}



/* ************************************************************************* */

#TestimonialWrapper {
	margin-top: -20px;
}

.TestimonialScroller {
	/* background: lime; */
	width: 100% !important;
	margin: 0px !important;
}

.TestimonialContent {
	font-size: 16px !important;
	font-style: italic !important;
}

.TestimonialStars {
	font-size: 20px !important;
	color: #fcbe00;
	padding: 5px 10px 5px 10px; 
}

.TestimonialContent {
	font-size: 20px !important;
}

h3.wpmtst-testimonial-heading {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 900;
	color: #1e9be7;
	margin-top: 10px;
}

h2.TestimonialHeading {
	font-family: 'Sriracha';
	font-style: normal;
	font-weight: 400;
	font-size: 2em;
	color: #ff0000;
	font-size: 24px;
	margin: 10px 10px 10px 10px; 
	padding: 0px 0px 0px 0px;
	line-height: 1; 
	
}

#ServiceListWrapper {
	text-align: center !important;
	padding: 0px 10px 0px 20px;
}

#ServiceListContainer {
	display: inline-block;
	width: auto;
	text-align: center !important;
}
#ServiceListContainer h2 {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  font-size: 30px;
  line-height: 0.5
}


#ServiceListTB {
	text-align: center !important;
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
}

#ServiceListTR {
	display: table-row;
}

.ServiceListTD {
	display: table-cell;
	width: 330px;
	text-align: left
}

.dropUL{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.dropLI{
  background: url('/CoastalGraphics/images/WaterDrop.png') no-repeat left top;
  height: 24px;
  padding-top: 0px;
  padding-left: 24px;
  margin-top: 12px;
  font-size: 20px;
  text-align: left
}
.dropLIBlue{
	background: url('/CoastalGraphics/images/WaterDrop.png') no-repeat left top;
	height: 24px;
	padding-top: 0px;
	padding-left: 24px;
	margin-top: 12px;
	font-size: 20px
	color: #1e9be7;
}

#FooterWrapper {
	background-color: #1e9be7;
	color: #ffffff;
}
#FooterWrapper {
	padding: 20px 10px 20px 10px;
}

#myVideo {
	max-width: 50vw !important;
}

#EmergencyVideo source {
	max-width: 34px !important;
}

.BlueDropUL {
  padding: 0;
  margin: 0px 0px 0px 30px;
  list-style-type: none;
}

.BlueDLI {
  font-family: 'Cardo';
  font-style: normal;
  font-weight: 700;
  background: url('/CoastalGraphics/images/WaterDrop2.png') no-repeat left top;
  height: auto;
  padding-top: 2px;
  padding-left: 34px;
  margin-top: 16px;
  font-size: 28px
}


.BlueDLI .BlueDLIDescription {
	font-family: Open Sans, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.4;
	text-decoration: none;
	display: block;
	color: #505050;
}

.ESHeading {
  margin-top: -50px;
}

h2.EmergencyServices {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  color: #1e9be7
}

h2.NewGoulds {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  max-width: 88vw;
  color: #1e9be7
}

.ServingDelawareHeading {
	margin-top: -50px
}


h2.ServingDelaware {
  font-family: 'Sriracha';
  font-style: normal;
  font-weight: 400;
  max-width: 88vw;
  color: #1e9be7
}

#FooterFacebook {
	width: 60px;
	height: auto;
}

.FooterFBTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.FooterFBTR {
	display: table-row;
}

.FooterFBTD1 {
	display: table-cell;
	padding: 0px 10px 0px 0px;
}

.FooterFBTD2 {
	display: table-cell;
	padding: 0px 0px 0px 10px;
}


/* ************************************************************************* */


@media screen and (max-width: 1280px) {

	#InnerHeadingLogo {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: auto;
		height: 210px;
		display: block;
	}

	#InnerHeadingTD3 {
		background-size: auto 50px;
	}

	#InnerHeadingTD3 h1 {
		font-size: 16px;
	}

	li.mega-menu-item a {
		font-size: 16px !important;
		padding: 0px 20px 0px 20px !important; 
	}
}

@media screen and (max-width: 1100px) {

	#InnerHeadingLogo {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: auto;
		height: 200px;
		display: block;
	}

	#InnerHeadingTD3 {
		background-size: auto 47px;
	}

	#InnerHeadingTD3 h1 {
		font-size: 14px;
	}
	
	li.mega-menu-item a {
		font-size: 15px !important;
		padding: 0px 15px 0px 15px !important; 
	}
}

@media screen and (max-width: 1005px) {

	#InnerHeadingTD3 h1 {
		font-size: 12px;
	}
}

@media screen and (max-width: 960px) {

	#SliderWrapper {
		padding: 155px 0px 0px 0px;
	}

	#SliderSpacer {
		height: 160px;
		width: 100vw;
	}

	#InnerHeadingWaterWrapper {
		height: 145px;
		top: 10px;
		left: 0px;
	}

	#InnerHeadingLogo {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: auto;
		height: 180px;
		display: block;
	}

	#InnerHeadingTD3 {
		background-size: auto 43px;
	}

	#HeadingInfoWrapper {
		top: 36px;
	}

	#HeadingPhone a {
		font-size: 28px;
	}

	.FamilyOwned {
		font-size: 15px;
	}

	#InnerHeadingMenu {
		position: absolute;
		top: 117px;
		right: 0px;
		z-index: 2000;
	}

	li.mega-menu-item a {
		font-size: 13px !important;
		padding: 0px 10px 0px 10px !important; 
	}

	#ServiceListContainer h2 {
	  font-size: 26px;
	}
	.dropLI{
	  font-size: 18px
	}

}

@media screen and (max-width: 890px) {

	#ServiceListContainer h2 {
	  font-size: 24px;
	}
	.dropLI{
	  font-size: 16px
	}
	
	h1.Large {
		font-size: 50px;
	}

	h1.Medium {
		font-size: 35px;
	}

	h1.Small {
		font-size: 20px;
		line-height: 1.4
	}

	#InnerHeadingTD3 h1 {
		margin-left: -5vw;
	}
}

@media screen and (max-width: 850px) {

	#SliderWrapper {
		padding: 130px 0px 0px 0px;
	}

	#SliderSpacer {
		height: 140px;
		width: 100vw;
	}

	#InnerHeadingTD3 h1 {
		font-size: 11px;
	}

	#InnerHeadingWaterWrapper {
		height: 120px;
		top: 10px;
		left: 0px;
	}

	#InnerHeadingLogo {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: auto;
		height: 150px;
		display: block;
	}

	#InnerHeadingTD3 {
		background-size: auto 35px;
	}

	#HeadingInfoWrapper {
		top: 28px;
	}

	#HeadingPhone a {
		font-size: 20px;
		line-height: 0;
	}

	.FamilyOwned {
		font-size: 13px;
		margin: 0px 0px 5px 0px;
		line-height: 1.1
	}

	#InnerHeadingMenu {
		position: absolute;
		top: 92px;
		right: 0px;
		z-index: 2000;
	}

	li.mega-menu-item a {
		font-size: 13px !important;
		padding: 0px 10px 0px 10px !important; 
	}
}

@media screen and (max-width: 810px) {

	#ServiceListContainer h2 {
	  font-size: 22px;
	}
	.dropLI{
	  font-size: 15px
	}

}

@media screen and (max-width: 767px) {


	
	body { 
		font-size: 18px;
	}

	#SliderWrapper {
		padding: 170px 0px 0px 0px;
	}


	#InnerHeadingTD2 {
		text-align: center;
	}

	
	#InnerHeadingLogoRight {
		display: block;
		width: 198px;
		height: 169px;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

	#InnerHeadingLogo {
		display: none;
	}
	
	#InnerHeadingLogoMobile {
		display: inline-block;
		height: 126px;
		width: auto;
		margin: 36px 0px 0px 0;
	}

	#InnerHeadingTBWrapper {
		position: fixed;
		height: 175px;
		border-bottom: 2px solid white;
	}
	#InnerHeadingTB {
		background-image: url('/CoastalGraphics/images/InnerWaterBackMobile.png');
		height: 169px;
		background-size: 767px 100%;
	}

	#HeadingRuleWrapper {
		display: block;
	}

	#SliderSpacer {
		height: 160px;
		width: 100vw;
	}

	#InnerHeadingMenu, #HeadingInfoWrapper, #InnerHeadingWaterWrapper, #InnerHeadingTD3 {
		display: none
	}

	#h1HeadingMobile {
		display: block;
	}

	#InnerHeadingTD1 {
			display: table-cell;
	}

	#InnerHeadingTD4 {
			display: table-cell;
	}


	#ServiceListTB, #ServiceListTR, .ServiceListTD {
		display: block;
		width: 330px;
		max-width: 90vw;
	}

	.ServiceListTD:nth-of-type(2), .ServiceListTD:nth-of-type(3) {
		margin-top: 50px;
	}

	#ServiceListContainer h2 {
	  font-size: 30px;
	}

	.dropLI{
	  font-size: 20px
	}
	
	#myVideo {
		max-width: 90vw !important;
	}

	#InnerHeader {
		position: relative;
		border-bottom: 0px;
	/* 
		top: -20px;
	 */
	}
}

@media screen and (max-width: 540px) {

	#InnerHeadingTD4 {
		display: none;
	}

	.BlueDropUL{
	  margin: 0px 0px 0px 20px;
	}
	.BlueDLI{
	  padding-top: 6px;
	  font-size: 28px
	}

	.BlueDLI .BlueDLIDescription {
		font-size: 18px;
	}
}


@media screen and (max-width: 450px) {

	#SliderSpacer {
		height: 135px;
	}

	#h1HeadingMobile {
		font-size: 2.05vw;
	}

	#InnerHeadingLogoMobile {
		height: auto;
		width: 200px;
		margin: 30px 20px 0px 0;
	}

	#InnerHeadingTD1, #InnerHeadingTBWrapper, #InnerHeadingTB {
		height: 100px !important;
	}

	#SliderWrapper {
		padding: 140px 0px 0px 0px;
	}

	.BlueDropUL{
	  margin: 0px 0px 0px 10px;
	}
	.BlueDLI{
	  padding-top: 8px;
	  font-size: 21px
	}
	.BlueDLI .BlueDLIDescription {
		font-size: 16px;
	}

	h3.SectionSubHeading {
		font-size: 20px;
	}
}

@media screen and (max-width: 420px) {

	h2.SectionHeading {
		font-size: 20px;
	}

	#FooterFacebook {
		width: 40px;
		height: auto;
	}

	.FooterFBTable, .FooterFBTR {
		display: block;
	}

	.FooterFBTD1 {
		display: block;
		padding: 0px 0px 4px 0px;
	}

	.FooterFBTD2 {
		display: block;
		padding: 4px 0px 0px 0px;
	}
}

@media screen and (max-width: 370px) {

	body { 
		font-size: 16px;
	}

	h1.Large {
		font-size: 40px;
	}

	h1.Medium {
		font-size: 30px;
	}

	h1.Small {
		font-size: 18px;
		line-height: 1.4
	}

	h2.PageSubHeading {
		font-size: 18px;
	}

	#InnerHeadingLogoMobile {
		height: auto;
		width: 150px;
		margin: 30px 20px 0px 0;
	}

	#SliderWrapper {
		padding: 118px 0px 0px 0px;
	}

	#SliderSpacer {
		height: 110px;
	}

	.BlueDropUL{
	  margin: 0px 0px 0px 0px;
	}
	.BlueDLI{
	  padding-top: 10px;
	  font-size: 20px
	}

}