/*
	page.css v2.0 by kristoffe brodeur. All Rights Reserved ©2020
	originally from petespano.com
	added a google font for the logo area
*/
body,.blurb_p,#quotes,.blurb_pb
	{
	font-family:'Lato',sans-serif;
	font-weight:400;
	font-size:24px;
	}
body
	{
	text-align:center;
	padding:0px;
	margin:0px;
	font-family:'Lato',sans-serif;
	font-weight:400;
	}
#wrap
	{
	width:1200px;
	margin:auto;
	background-color:#DDDDFF;
	text-align:left;
	padding:16px 16px 32px 16px;
	}
#linkArea
	{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	}
#reviewArea
	{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;	
	}
#siteArea
	{
	font-size:72px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	color:#444488;
	}
#dName
	{
	font-size:48px;
	font-weight:700;
	}
#dTitle
	{
	font-size:16px;
	color:#0000FF;
	font-weight:700;
	}
#colL,#colR
	{
	float:left;
	}
#colL
	{
	width:426px;
	}
#colR
	{
	width:756px;
	}
.clearBoth
	{
	clear:both;
	}
#topMenu
	{
	padding:0px 0px 0px 0px;
	margin:0em 0em 0em 0em;
	border:solid;
	border-width:0px 0px 4px 0px;
	border-color:#CCCCCC;
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
	}
.menu_button
	{
	padding:8px 4px 8px 4px;
	background-color:#444488;
	color:#DDDDFF;
	float:left;
	font-size:18px;
	width:22.5%;
	margin:12px 6px 12px 6px;
	text-align:center;
	border-radius:1em;
	}
.menu_button a
	{
	text-decoration:none;
	}
.menu_button a,.menu_button a:hover,.menu_button a:visited
	{
	color:#FFFFFF;
	}
.blurb_p
	{
	padding:4px;
	font-size:24px;
	line-height:1.5em;
	margin:8px 0px 16px 0px;
	/*chrome mobile fix*/
	max-height:5000em;
	}
.blurb_pb
	{
	font-weight:700;
	}
.socialButton
	{
	float:left;
	}
#logoSocialTop
	{
	padding:8px;	
	}
#logo
	{
	float:left;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:72px;
	color:#FFF;
	}
#socSm
	{
	float:right;
	}
.socSMBttn
	{
	float:right;
	padding:8px 4px 0px 4px;
	}
#quotes
	{
	border:solid;
	border-radius:24px;
	border-width:2px;
	border-color:#CCCCFF;
	width:900px;
	margin:24px auto 24px auto;
	padding:24px;	
	background-color:#AAAAFF;
	
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	font-size:24px;
	}
#quoteStr
	{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:24px;
	}
#quoteName
	{
	float:right;
	}
.title1
	{
	font-size:24px;
	background-color:#CCCCCC;
	padding:8px;
	width:100%;
	margin:0px 0px 16px 0px;
	}
.sizeName,.sizeMeas
	{
	float:left;
	width:200px;
	font-size:20px;
	}
.sizeBox
	{
	padding:16px;
	}
.videoTitle
	{
	font-size:24px;
	padding:16px;
	color:#FF0000;
	}
.videoWrapper_half
	{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height:0;
	}
.videoWrapper_half iframe
	{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	}
.story_single
	{
	}
.story_single img
	{
	width:100%;
	}
.story_half
	{
	width:47%;
	float:left;
	margin:8px 4px 8px 4px;
	background-color:#FFFFFF;
	padding:4px;
	border-radius:16px;
	}
.story_half img,.story_half a img
	{
	width:100%;
	}
.story_quarter
	{
	width:24%;
	float:left;
	margin:1em .25em 1em .25em;
	}
.story_quarter img
	{
	width:100%;
	}
.story_8th
	{
	width:12%;
	float:left;
	margin:1em .1em 1em .1em;
	}
.story_8th img
	{
	width:100%;
	}
.bigBanners
	{
	text-align:left;
	font-size:2em;
	}
.bigBanners
	{
	margin:1em auto 1em auto;
	padding:0em 0em 0em .5em;
	}
.text_2Box
	{
	padding:0.75em;
	border:solid;
	border-width:0px 0px 1px 0px;
	border-color:#444488;
	}
.tB_half_l,.tB_half_r
	{
	font-family:'Lato',sans-serif;
	font-weight:700;
	float:left;
	width:48%;
	font-size:24px;
	}
.tB_half_r
	{
	font-weight:400;	
	}
.tB_full,.tB_fullB,.tB_fullTab
	{
	font-family:'Lato',sans-serif;
	font-weight:400;
	font-size:24px;
	}
.tB_fullB
	{
	font-weight:700;
	}
.tB_fullTab
	{
	padding:0em 0em 0em 1em;
	}
.centerStuff
	{
	text-align:center;
	width:100%;
	margin:auto;
	}
.bigPhoneNumber
	{
	border-radius:80px;
	border:solid;
	border-color:#FFFFFF;
	background-color:#FF0000;
	padding:10px 48px 16px 48px;
	margin:0px;	
	}
.bigPhoneNumber,
.bigPhoneNumberText
	{
	display:inline-block;
	}
.bigPhoneNumber img
	{	
	width:auto;
	height:auto;
	min-width:0px;
	max-width:none;
	}
.bigPhoneNumber a,
.bigPhoneNumberText
	{
	text-decoration:none;
	font-weight:900;
	font-size:84px;
	color:#FFF;
	position:relative;
	top:-32px;
	}
.fullPageBanner,.fullPageBanner2
	{
	font-weight:700;
	padding:16px 16px 16px 16px;
	color:#FFFFFF;
	margin:16px -16px 16px -16px;
	text-align:center;
	}
.fullPageBanner
	{
	background:linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
	}
.fullPageBanner2
	{
	background:linear-gradient(to right, rgba(6,0,255,1) 0%,rgba(125,185,232,1) 100%);
	}

@media screen and (min-width:1001px) and (max-width:1700px)
	{
	.story_quarter
		{
		width:23.5% !important;
		float:left;
		margin:1em .25em 1em .25em;
		}
	}
@media screen and (min-width:400px) and (max-width:1000px)
	{
	#logo
		{			
		font-size:72px !important;
		}
	#topMenu
		{
		background-color:#AAAAFF;
		padding:0em .25em 1em .25em;
		}
	#wrap
		{
		width:100%;
		padding:0em 0em 0em 0em;
		}
	.socSMBttn
		{
		float:right;
		padding:1em 2.25em 1em 2.25em;
		}
	.socSMBttn img
		{
		width:200%;
		}
	#socSm
		{
		float:right;
		padding:0em 2em 0em 1em;
		}		
	.menu_button
		{
		padding:8px 8px 8px 8px;
		background-color:#444488;
		color:#DDDDFF;
		float:left;
		font-size:42px;
		width:47%;
		margin:8px 4px 8px 8px;
		text-align:center;
		}
	.socialButton
		{
		float:left;
		width:30% !important;
		margin:1em 1em 1em 1em !important;
		}
	#baLeft,#baRight
		{
		float:none;
		width:95% !important;
		padding:1em;
		font-size:2.5em !important;
		line-height:1.5em !important;
		}
	.videoWrapper_half iframe
		{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		}
	.cBox
		{
		float:none;
		width:100% !important;
		}
	.story_quarter
		{
		width:100% !important;
		margin:1em 0em 1em 0em;
		}
	.story_full
		{
		width:100% !important;
		margin:1em 0em 1em 0em;
		}
	.story_full img
		{
		width:100% !important;
		}
	.story_half
		{
		width:100% !important;
		padding:24px 0px 8px 0px !important;
		margin:24px 0px 0px 0px !important;
		}
	.story_8th
		{
		width:48% !important;
		float:left;
		margin:1em .1em 1em .1em;
		}
	.story_8th img
		{
		width:100%;
		}
	.blurb_p
		{
		font-size:48px !important;
		line-height:56px;
		margin:16px 16px 16px 16px;
		}
	.tB_full,.tB_fullB,.tB_fullTab,.text_2Box,.tB_half_l,.tB_half_r
		{
		font-size:48px !important;
		padding:24px !important;
		}
	.fullPageBanner,.fullPageBanner2
		{
		font-size:48px;
		}		
	}