/* 
Purple: #595dd5
REd: #ff4141
Blue: #25b3e1
 */

br.MenuHeadline1 {
	display: inline
}


#WebSurferWrapper {
    display: flex;
    margin-top: 20px;
}

#WebSurferBlock1 {
    order: 1;
    width: 55%;
    text-align: center;
}

#WebSurferBlock2 {
    order: 2;
    width: 45%;
    text-align: left
}

#WebSurfer {
	width: 99%;
}

#SurferContentBlock1,
#SurferContentBlock2,
#SurferContentBlock3 {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
display: inline-block;
max-width: 1200px;
font-size: 26px;
text-align: left; 
margin-right: 10px;
text-shadow: 0px 0px 20px #ffffff,
			 0px 0px 16px #ffffff,
			 0px 0px 12px #ffffff,
			 0px 0px 8px #ffffff,
			 0px 0px 4px #ffffff,
			 0px 0px 2px #ffffff !important;
}

h2.TheFactIs {
	font-size: 32px;
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 900 !important;
	display: block;
	text-align: center;
	color: #ff4141 !important;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.2 !important;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.br1 {
	display: inline;
}
.br5 {
	display: none;
}

.br2,
.br3,
.br4 {
	display: none
}

.nobr1 {
	white-space: normal;
}

#SurferContentBlock3 {
	display: none;
}



.ContentBlock1,
.ContentBlock2 {
	margin: 30px 0px 0px 0px;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
	font-size: 22px;
	font-weight: bold;
}

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

h2.WebsiteRequirementsH2 {
	display: block;
	max-width: 1100px;
	margin: 10px 0px 0px 0px;
	line-height: 1.25;
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 800;
	color: #ff4141;
	font-size: 1.55em;
	letter-spacing: 0px;
	text-align: center;
/* 
	text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
 */
}

h3.WebsiteRequirementsH3 {
	font-weight: bold;
	font-style: italic;
	color: white;
}



#WebsiteRequirementsWrapper{
	
	display; inline-block;
	max-width: 1100px;
	margin: 20px 0px 30px 0px;
	padding: 0px 10px 0px 10px;
}

h4.WebsiteRequirementHeading {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	display: block;
	margin: 30px 0px 0px 0px;
	line-height: 1.25;
	font-size: 1.5em;
	color: #25b3e1;
	letter-spacing: 0px;
	text-align: left;
	display: block;
/* 
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
 */
}


.WebsiteRequirements {
	color: #ffffff;
	max-width: 96%
	font-size: 18px;
  	text-align: left;
	padding: 0px 10px 5px 0px;
}

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



#BetterWebsitesSection {
	margin: 0px 0px 0px 0px !important;
}
#FeaturesSection {
	margin: 0px 10px 0px 0px !important;
}

.BetterWebsitesRowBlack {
	text-align: center !important;
	background-color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative !important
}

.BetterWebsitesRowBlack .textwidget {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	display: block !important;
}

.RedBold {
	white-space:inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: #ff4141;
}


br.h1-1 {
	display: inline
}

#WebsitePro_wrapper {
	z-index: 0 !important;
	max-width: 100vw !important;
}
#WebsiteProMobile_wrapper {
	z-index: 0 !important;
	max-width: 100vw !important;
}


.H1Blue {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	color: #25b3e1;
  	letter-spacing: 0px;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.H1Black, .H3Black {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	color: #000000;
  	letter-spacing: -1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.H1Yellow, .H3Yellow {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	color: #fdb514;
  	letter-spacing: -1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

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

h1.YourWebsiteSuccess {
	display: inline-block;
	text-align: center;
	margin: 20px 0px 0px 0px;
}

h2.CoastalGraphicsAdvantages {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 800;
	margin: 0px 10px 20px 10px;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2;
	color: #000000;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}


.YourWebsiteSuccessTB {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.YourWebsiteSuccessTR {
	display: table-row;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.YourWebsiteSuccessTD1,
.YourWebsiteSuccessTD2,
.YourWebsiteSuccessTD3 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
.YourWebsiteSuccessTD2 {
	padding: 0px 20px 0px 10px;
}

.H3Black {
 	font-size: 60px;
 	line-height: 1;
  	margin: 0px 0px 0px 0px;
}

.H3Yellow {
 	font-size: 60px;
 	line-height: 1;
  	margin: 0px 0px 0px 0px;
}

.H3Blue {
 	font-size: 32px;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 10px !important;
	line-height: 0.9 !important;
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 900 !important;
	color: #25b3e1;
  	letter-spacing: -1px;
	-webkit-transform:scale(1.2,1) !important; /* Safari and Chrome */
	-moz-transform:scale(1.2,1) !important; /* Firefox */
	-ms-transform:scale(1.2,1) !important; /* IE 9 */
	-o-transform:scale(1.2,1) !important; /* Opera */
	transform:scale(1.2,1) !important; /* W3C */
	display:inline-block;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.br7 {
	display: inline;
}

#NewWebsitesWrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.NewWebsitesTB {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.NewWebsitesTR {
	display: table-row;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 0px;
	margin-left: 0px;
}

.NewWebsitesTD1,
.NewWebsitesTD2 {
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

.NewWebsitesTD1 img,
.NewWebsitesTD2 img {
	width: 96%;
	max-width: 560px;
	display: block;
}


/* ******************************************************* */
/* Check Table */
/* ******************************************************* */


#CheckTableWrapper {
	padding: 0px 20px 0px 0px;
}

.CheckTableTB {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.CheckTableTR {
	display: table-row;
}

.CheckTableTD {
	display: table-cell;
	vertical-align: top;
}
.CheckWrapper {
	display: table-cell;
	padding: 0px 0px 10px 10px;
	width: auto;
}
.Checks {
	width: 40px;
	height: auto;
}

h2.BlueHeading {
	font-family: 'Raleway';
	font-style: italic;
	font-weight: 700;
	color: #25b3e1;
	font-size: 1.5em;
	line-height: 1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.CheckInfo {
	display: table-cell;
	padding: 10px 0px 10px 0px;
	text-align: left;
	font-weight: 600;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.RedCheckInfo {
	white-space:inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: italic;
	font-weight: 800;
	line-height: inherit;
	letter-spacing: -1px;
	color: #ff4141;
}


/* ******************************************************* */
/* Serious About Your Business*/
/* ******************************************************* */

.BlueHeadingType {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	color: #23a9e8;
  	letter-spacing: 0px;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.BlackHeadingType {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	color: #000000;
  	letter-spacing: -1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}

.YellowHeadingType {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	color: #fdb514;
  	letter-spacing: -1px;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px #ffffff,0px 0px 8px #ffffff,0px 0px 6px #ffffff,0px 0px 4px #ffffff,0px 0px 2px #ffffff !important;
}


.PageHeadingWrapper {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 5px;
}


h1.SeriousAboutWebDesign {
	line-height: 1;
	margin: 5px 0px 10px 0px;
	display: block;
}

.SeriousH1TA {
	display: table;
}
.SeriousH1TR {
	display: table-row;
}
.SeriousH1A, .SeriousH1B  {
	display: table-cell;
  	text-align: center;
  	vertical-align: middle;
	white-space: nowrap !important;
}

.SeriousH1A {
  	padding: 0px 20px 0px 0px;
}

.SeriousH1B  {
  	padding: 0px 0px 0px 20px;
}

.SeriousH11, .SeriousH14  {
	font-size: 33px;
	display: block;
  	padding: 0px 0px 0px 0px;
  	line-height: 1 !important;
}

.SeriousH12, .SeriousH13, .SeriousH15, .SeriousH16  {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	font-size: 57px;
	padding: 10px 0px 10px 0px;
	line-height: 1 !important;
	text-shadow: none;
	white-space: nowrap !important;
}



#BusinessOwners {
	width: 85vw;
	max-width: 900px;
	margin: 0px 0px 0px 0px !important;
}

.PlusOne {
	font-size: 1.1em;
	text-align: left;
	max-width: 1000px;
}


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

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


	.H1Blue {
		font-size: 3.2vw;
	}

	.H1Black {
		font-size: 7vw;
  		padding: 3px 0px 0px 0px;
	}
	
	.H1Yellow {
		font-size: 7vw;
  		padding: 3px 0px 0px 0px;
	}

	.SeriousH11, .SeriousH14  {
		font-size: 2.4vw;
	}
	.SeriousH12, .SeriousH13, .SeriousH15, .SeriousH16  {
		font-size: 4.6vw;
	}

}


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


	.SeriousH1TA, .SeriousH1TR, .SeriousH1A, .SeriousH1B  {
		display: block;
	}
	.h1Underscore {
		margin: 20px 0px 0px 0px;
	}
	.SeriousH1A, .SeriousH1B  {
		padding: 0px 0px 0px 0px;
	}
	.SeriousH11, .SeriousH14  {
		font-size: 6vw;
  		line-height: 1.3 !important;
	}
	.SeriousH12, .SeriousH13, .SeriousH15, .SeriousH16  {
		font-size: 8.5vw;
	}

	.SeriousH12, .SeriousH13, .SeriousH15, .SeriousH16 {
		text-shadow: 0px 0px 30px #ffffff,0px 0px 20px #ffffff,0px 0px 10px #ffffff;
	}
}
@media screen and (max-width: 950px) {

	.H1Black {
  		padding: 8px 0px 0px 0px;
	}
	
	.H1Yellow {
  		padding: 8px 0px 0px 0px;
	}
}

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

	.H1L, .H1R {
		display: block !important;
		text-align: center !important;
	}

	.H1L {
		margin: -10px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px;
	}

	.H1R {
		margin: -10px 0px 0px 0px !important;
    	padding: 0px 0px 0px 0px; !important;
	}

	.H1L br {
    	display: none;
	}
		
	.H1Blue {
		font-size: 4.5vw;
	}

	.H1Black {
		font-size: 10vw;
	}

	.H1Yellow {
		font-size: 10vw;
	}

}

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

	.H1L br {
    	display: inline !important;
	}


	.H1Blue {
		font-size: 6vw;
	}

	.H1Black {
		font-size: 12vw;
		line-height: 1 !important;
	}

	.H1Yellow {
		font-size: 12vw;
		line-height: 1 !important;
	}

}

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

	.NewWebsitesTB,
	.NewWebsitesTR,
	.NewWebsitesTD1,
	.NewWebsitesTD2 {
		display: block;
	}
}

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

	.Checks {
		width: 30px;
		height: auto;
	}

	h2.BlueHeading {
		font-size: 1.1em ;
	}

}

/* ******************************************************* */
/* h2 "Better Websites" */
/* ******************************************************* */

h1#BetterWebsites {
	text-align: center;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	line-height: 0.9 !important;
/* 
	background: url('/CoastalGraphics/images/BetterUnderline.svg') 0 0 no-repeat;
	background-repeat: no-repeat;
	background-position: bottom center;
    background-size: 90%;
 */
    display: block;
}

#BetterUnderline {
    display: block;
	line-height: 0 !important;
    width: 90%;
    height: auto;
    max-width: 1100px;
	text-align: center;
	margin: -20px 0px 20px 0px !important;
}

.eds-animate {
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}

.H2Red {
	font-size: 90px;
	padding: 0px 0px 0px 0px !important;
	line-height: 1.3 !important;
	margin: 0px 0px 0px 0px !important;
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	color: #ff4141;
	letter-spacing: -1px;
	text-align: right;
	vertical-align: middle;
	text-transform: uppercase;
}

.H2Black {
	font-size: 90px;
	padding: 0px 0px 0px 0px !important;
	line-height: 0.65 !important;
	margin: 0px 0px 0px 0px !important;
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: -1px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.H2Blue {
	font-size: 110px;
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	line-height: 1.5 !important;
	font-family: 'Oswald';
	font-style: italic;
	font-weight: 700;
	color: #25b3e1;
  	letter-spacing: -1px;
	-webkit-transform:scale(1.5,1) !important; /* Safari and Chrome */
	-moz-transform:scale(1.5,1) !important; /* Firefox */
	-ms-transform:scale(1.5,1) !important; /* IE 9 */
	-o-transform:scale(1.5,1) !important; /* Opera */
	transform:scale(1.5,1) !important; /* W3C */
	display:inline-block;
    text-transform: capitalize;
}
.H2Blue:after{
    content: "\00a0";
}

.H2A {
	display: block !important;
  	margin: 10px 0px 0px 0px;
	white-space: nowrap !important;
}

.H2B {
	display: block !important;
  	margin: 0px 0px 0px 0px !important;
  	padding: 0px 0px 0px 0px !important;
	white-space: nowrap
}


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

	h1#BetterWebsites {
		padding: 0px 6vw 9vw 6vw;
	}


	.H2Red {
		font-size: 6.5vw;
	}

	.H2Black {
		font-size: 6.5vw;
	}

	.H2Blue {
		font-size: 9vw;
	}
	
}

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

	#BetterUnderline {
		margin: -14px 0px 20px 0px !important;
	}
}
@media screen and (max-width: 700px) {

	#BetterUnderline {
		margin: -8px 0px 20px 0px !important;
	}
}
@media screen and (max-width: 500px) {

	#BetterUnderline {
		margin: -5px 0px 20px 0px !important;
   		 width: 85%;
	}
}

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

	h1#BetterWebsites {
		padding: 0px 6vw 9vw 6vw;
	}


	.H2Red {
		font-size: 8vw;
	}

	.H2Black {
		font-size: 8vw;
	}

	.H2Blue {
		font-size: 9vw;
	}
	
}

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

.CheckTable p {
	margin-bottom: 10px !important;
}

table .CheckTable {
    cell-padding:"0" !important;
    cell-spacing:"0" !important;
    margin:0 !important;
    border:none !important;
	border-collapse: collapse !important;
	border-spacing: 0px !important;
}


.check-points {
	width: 50px;
	border: none;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.content-area {
	padding: 0px 10px 0px 10px !important;
}


@media screen and (max-width: 767px) {
	.content-area, .site-main, .entry-content {
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
	}
}

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


#FeatureTableWrapper {
    margin: 0px 10px 0px 10px;
    display: block;
}
#FeatureTableMobileWrapper {
    padding: 10px 10px 10px 10px;
    display: none;
}

.WebsiteFeatures {
    max-width: 96%;
}

.WebsiteFeatures,
.WebsiteFeaturesMobile {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
}

.WebsiteFeatureTitle {
	background-color: #595dd5;
	font-weight: 600;
	color: #fec773;
	font-size: 1.3em;
	text-shadow: 1px 1px 1px black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid white;
    padding: 8px 8px 8px 8px;
}
.WebsiteFeatureTitleMobile {
	background-color: #595dd5;
	font-weight: 600;
	color: #fec773;
	font-size: 1.3em;
	border-bottom: 1px solid white;
    padding: 10px 10px 10px 10px;
}

.WebsiteFeatureOptionTitle {
	background-color: #336666;
	font-weight: 600;
	color: #fec773;
	text-shadow: 1px 1px 1px black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
}

a.FreeEstimate {
	display: block;
	text-shadow: none;
	font-size: 20px;
	font-weight: 600;
	font-style: italic;
	color: white
}
a.FreeEstimate:hover { color: #66ffcc }

a.FreeEstimate2 {
	display: block;
	text-shadow: none;
	font-size: 15px;
	font-weight: 600;
	font-style: italic;
	color: white
}
a.FreeEstimate:hover { color: #66ffcc }

.WebsiteFeatures tr { 
	border-top: 1px solid black;
}

.WebsiteFeaturesWhiteRow {
	background-color: white;
}
.WebsiteFeaturesGreyRow {
	background-color: #ceecfe;
}

.WebsiteFeatures td {
	padding: 4px 6px 4px 6px;
}

.WebsiteFeatureHeading {
	border-left: 1px solid black;
	border-right: 1px solid black;
	background-color: black;
	color: white;
    padding: 8px 8px 8px 8px;
}
.WebsiteFeatureHeadingMobile {
	background-color: black;
	color: white;
    padding: 10px 10px 10px 10px;
}

.FeatureName {
	text-align: center;
}

.FeatureName1 {
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.FeatureName2 {
	border-right: 1px solid white;
}


.WebsiteFeature {
	border-left: 1px solid black;
    font-weight: 600;
	max-width: 260px;
}
.NumPagesMobile {
	border-left: 1px solid black;
    font-weight: normal;
    font-style: italic;
	max-width: 260px;
	border-bottom: 1px solid black;
    padding: 10px 10px 10px 10px;
}

.WebsiteFeatureQualifier {
	text-align: center;
	border-left: 1px solid black;
	width: 160px;
	font-style: italic
}


.WebsiteOptionQualifier {
	text-align: center;
	border-left: 1px solid black;
	border-right: 1px solid black;
	font-style: italic;
}
.WebsiteFeatureQualifierMobile {
	text-align: center;
	border-bottom: 1px solid black;
	font-style: italic;
 	border-left: 1px solid black;
   padding: 10px 10px 10px 10px;
}

.WebsitePackagePrice {
	border-left: 1px solid black;
	font-size: 1.2em;
	font-weight: 600;
	color: #4921b9;
	background-color: #fec773;
}

.WebsitePackageTotal {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	font-style: italic;
	font-weight: normal;
	color: #595dd5;
	background-color: #fec773;
	text-align: center;
   padding: 10px 10px 10px 10px;
}
.WebsitePackageTotal span {
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1
}

.WebsiteFeatures, .WebsiteFeatureHeading, .WebsiteFeature, .WebsiteFeatureQualifier, .WebsitePackagePrice {
	font-size: 1em;
}

.WebsiteFeatureFootNote {
	font-size: 0.9em;
}

.FootNotes {
	margin: 10px 10px 10px 10px;
}

.FootNotes td {
	padding: 6px 2px 6px 2px;
}

.GreenCheck, .RedX {
	max-width: 30px;
	height: auto;
}

.WebsiteFeatureFootNoteAsterisks {
	width: 60px !important;
	white-space: nowrap;
	text-align: right;
}

#DesktopFeatureWrapper {
	display: block;
}

#MobileFeatureWrapper {
	display: none;
}

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

	td.WebsiteFeature {
		max-width: 200px;
	}
	.WebsiteFeatureQualifier {
		max-width: 120px;
	}
}


@media screen and (max-width: 767px) {
	
	.WebsiteFeatures td {
		padding: 3px 3px 3px 3px;
	}

	.WebsiteFeatures, .WebsiteFeatureHeading, .WebsiteFeature, .WebsiteFeatureQualifier, .WebsitePackagePrice {
		font-size: 0.9em;
	}

	.WebsiteFeatureFootNote {
		font-size: 0.9em;
	}

	.GreenCheck, .RedX {
		max-width: 22px !important;
		height: auto;
	}
}

/* 
@media screen and (max-width: 750px) {

	#DesktopFeatureWrapper {
		display: none;
	}

	#MobileFeatureWrapper {
		display: block;
	}
}
 */

@media screen and (max-width: 400px) {
	
	.WebsiteFeatures td {
		padding: 2px 2px 2px 2px;
	}

	.WebsiteFeatures, .WebsiteFeatureHeading, .WebsiteFeature, .WebsiteFeatureQualifier, .WebsitePackagePrice {
		font-size: 0.7em;
	}

	td.WebsiteFeature {
		padding: 2px 10px 2px 2px;
	}

	.WebsiteFeatureQualifier {
		max-width: 64px;
	}
	
	.WebsiteFeatureFootNote {
		font-size: 0.8em;
	}

	.GreenCheck, .RedX {
		max-width: 16px !important;
		height: auto;
	}
}

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


.WebsiteFeatureFootnotes {
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	max-width: 800px;
	width: 99%
	border: 0px;
}

.WebsiteFeatureFootnotes ul {
	list-style: none
}
.WebsiteFeatureFootnotes ul li {
	margin: 10px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
}

/* 
.WebsiteFeatureFootnotes ul li:nth-of-type(1):before {
	content: '*';
	margin-left: -20px;
	margin-right: 10px;
}

.WebsiteFeatureFootnotes ul li:nth-of-type(2):before {
	content: '**';
	margin-left: -20px;
	margin-right: 10px;
}

.WebsiteFeatureFootnotes ul li:nth-of-type(3):before {
	content: '***';
	margin-left: -20px;
	margin-right: 10px;
}

.WebsiteFeatureFootnotes ul li:nth-of-type(4):before {
	content: '****';
	margin-left: -20px;
	margin-right: 10px;
}

.WebsiteFeatureFootnotes ul li:nth-of-type(5):before {
	content: '*****';
	margin-left: -20px;
	margin-right: 10px;
}
 */

.WebsiteExtras {
	display: table;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
    max-width: 720px;
    width: 95%;
    border: 1px solid black;
}

.WebsiteExtrasTR {
	display: table-row;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.WebsiteExtrasTD {
	display: table-cell;
}

.WebsiteExtrasTitle {
	padding: 6px 6px 6px 6px;
	background-color: #336666;
	font-weight: 600;
	color: #fec773;
	text-shadow: 1px 1px 1px black;
	font-size: 1.1em;
    border-bottom: 1px solid black;
}

.WebsiteExtrasPricing {
	text-align: left;
	padding: 10px 10px 0px 10px
}

ul.leaders {
	max-width: 100%;
    padding: 0;
    overflow-x: hidden;
    list-style: none;
	margin-right: 10px;
}

ul.leaders li {
    margin: 10px 0px 10px 10px;
}

ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 "........................................"
 "........................................"
 "........................................"
 "........................................"
}

ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white
}

ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white;
	font-weight: 600;
}

.contract {
	float: right;
	display: inline-block;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
}
.noncontract {
	display: block;
	float: right;
	font-weight: 600;
	margin: 0px 0px 0px 0px;
	line-height: 1
}
.contractBR {
	display: none;
}



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

	br.h1-1 {
		display: none
	}
}

@media screen and (max-width: 820px) {
	ul.leaders {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	
	.h1Underscore {
		max-width: 94%;
	}
}

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

	ul.leaders {
    	max-width: 80%;
		list-style: disc !important;
    	overflow-x: visible;
	}
	
	ul.leaders li {
		margin: 20px 0px 20px 10px;
	}

	ul.leaders li:before {
		float: none;
		width: auto;
		white-space: normal;
		/* content:"\027A4 \00a0 \00a0"; */
		content: none
	}
	ul.leaders span + span {
		float: none;
		padding-left: 0.33em;
		background: white;
		white-space: nowrap
	}
	.contract {
		display: block;
		margin: 10px 0px 0px 0px;
	}
	.noncontract {
		float: none;
		margin: -10px 0px 5px 5px;
		line-height: 0
	}
}

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

	.ContentBlock1,
	.ContentBlock2 {
		font-size: 20px;
	}

	h2.Subtitle2 {
		margin: 30px 0px 30px 0px;
		font-size: 6vw;
	}
	#FeatureTableWrapper {
		display: none;
	}
	#FeatureTableMobileWrapper {
		display: block;
	}
}



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

	h2.TheFactIs {
		font-size: 2.4vw;
	}
}


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

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

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

	#HeadingTaglineWrapper h1 {
		font-size: 15px;
	}
	
	.H3Black {
		font-size: 5.5vw;
	}

	.H3Yellow {
		font-size: 5.4vw;
	}

	.YourWebsiteSuccessTD2 {
		padding: 0px 10px 0px 5px;
	}

	.H3Blue {
		font-size: 3vw;
	}
}

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

	br.MenuHeadline1 {
		display: none
	}

	#HeadingTaglineWrapper h1 {
		display: none;
	}
	#HeadingTaglineWrapper2 {
		display: block;
		margin: 0px 0px 0px 0px;
	}
	#HeadingTaglineWrapper2 h1 {
		font-size: 14px;
		display: inline-block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
}

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


	#WebSurferWrapper {
		display: block;
		width:auto;
		text-align: center;
	}

	#WebSurferBlock1 {
		display: block;
		width:auto;
		text-align: center;
	}

	#WebSurferBlock2 {
		display: block;
		width:auto;
		font-size: 20px;
	}

	#WebSurfer {
		width: 96%;
		max-width: 690px
	}


	#SurferContentBlock1,
	#SurferContentBlock2,
	#SurferContentBlock3 {
		font-size: 30px;
		line-height: 1.2;
		text-align: center;
		margin: 0px 10px 0px 10px; 
	}
	#SurferContentBlock1 {
		display: none;
	}
	#SurferContentBlock3 {
		display: block;
	}


	h2.TheFactIs {
		font-size: 4.3vw;
		margin-top: 0px;
		margin-left: 10px;
	}


	.br2 {
		display: inline;
	}

	.nobr1 {
		white-space: nowrap;
	}
}

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

	#SurferContentBlock2 {
		font-size: 26px;
	}
}

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


	h2.CoastalGraphicsAdvantages {
		margin: 20px 10px 20px 10px;
	}

	.YourWebsiteSuccessTB,
	.YourWebsiteSuccessTR,
	.YourWebsiteSuccessTD1,
	.YourWebsiteSuccessTD2,
	.YourWebsiteSuccessTD3 {
		display: block;
		padding: 0px 0px 0px 0px;
	}

	.H3Black {
		font-size: 11vw;
	}

	.H3Yellow {
		font-size: 11vw;
	}

	.H3Blue {
		font-size: 6vw;
	}
	
	.br7 {
		display: none;
	}

	#SurferContentBlock3 {
		font-size: 28px;
	}
	#SurferContentBlock2 {
		font-size: 24px;
	}
}

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

	#HeadingTaglineWrapper2 h1 {
		margin: 2px 20px 0px -20px;
	}
	br.MenuHeadline1 {
		display: inline
	}

	#SurferContentBlock3 {
		font-size: 24px;
	}
	#SurferContentBlock2 {
		font-size: 22px;
	}
}

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


	.br1 {
		display: none;
	}
	.br5 {
		display: none;
	}
	
	h2.TheFactIs {
		font-size: 5.5vw;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 10px;
	}

	h2.WebsiteRequirementsH2 {
		font-size: 1.4em;
		margin: 10px 15px 0px 0px;
	}
	
	h4.WebsiteRequirementHeading {
		font-size: 1.3em;
	}

	.br2 {
		display: none;
	}
	#SurferContentBlock3 {
		font-size: 24px;
	}
	#SurferContentBlock2 {
		font-size: 20px;
	}

	h2.CoastalGraphicsAdvantages {
		font-size: 20px;
		margin: 10px 10px 20px 10px;
	}

	br.h1-2 {
		display: inline;
	}
}

@media screen and (max-width: 480px) {
	
	#SurferContentBlock3 {
		font-size: 20px;
	}
	.WebsiteRequirements {
		font-size: 16px;
		max-width: 93%
		font-size: 16px;
	}

	h3.WebsiteRequirementsH3 {
		margin: 10px 15px 0px 0px !important;
		font-size: 14px;
	}

	.br3,
	.br4 {
		display: inline
	}
}


@media screen and (max-width: 440px) {
	
	#HeadingTaglineWrapper2 h1 {
		font-size: 12px;
	}
}

@media screen and (max-width: 390px) {
	
	h1.YourWebsiteSuccess {
		margin: 0px 5px 0px -5px;
	}

	.YourWebsiteSuccessTD2 {
		margin-top: -10px;
	}

	.H3Black {
		font-size: 11vw;
	}

	.H3Yellow {
		font-size: 11vw;
	}
	.H3Blue {
		font-size: 8vw;
		line-height: 0 !important;
	}
	
	#SurferContentBlock2 {
		font-size: 18px;
	}
	h2.WebsiteRequirementsH2 {
		font-size: 6vw;
	}

	h2.CoastalGraphicsAdvantages {
		font-size: 18px;
		margin: 10px 10px 20px 10px;
	}
}

@media screen and (max-width: 360px) {
	
	#HeadingTaglineWrapper2 h1 {
		font-size: 11px;
	}
}

@media screen and (max-width: 330px) {
	
	#HeadingTaglineWrapper2 h1 {
		font-size: 10px;
	}
}