body{
	background-color:#fff;
	background-image:url("../images/background_new.png");
	margin:0px;
}
.container{
	max-width: 1366px;
	width:100%;
	background-color:#fff;
	margin:0px auto;
}
.row{
	display:flex;
	flex-wrap: wrap;
}
.col{
	/*background-color: orange;*/
	margin: 6px 1%;
	padding: 6px 1%;
	flex-grow: 1;
}
.formAlertBox{
	background-color: #ED4A9C;
	text-align: center;
	color: #ffffff;
}
.colIcon{
	/*background-color: grey;*/
	margin: 5px 1%;
	padding: 5px 1%;
	flex-grow: 1;
}
.colNav{
	margin: 5px 1%;
	padding: 5px 1%;
	flex-grow: 1;
}
.oneSixth{
	flex-grow:0;
	width:12%;
}
.twoSixth{
	flex-grow:0;
	width:29%;
}
.threeSixth{
	flex-grow:0;
	width:46%;
}
.fourSixth{
	flex-grow:0;
	width:62%;
}
.fiveSixth{
	flex-grow:0;
	width:79%;
}

.oneTenth{
	flex-grow:0;
	width:6%;
}
.twoTenth{
	flex-grow:0;
	width:16%;
}
.threeTenth{
	flex-grow:0;
	width:26%;
}
.fourTenth{
	flex-grow:0;
	width:36%;
}
.fiveTenth{
	flex-grow:0;
	width:46%;
}
.sixTenth{
	flex-grow:0;
	width:56%;
}
.sevenTenth{
	flex-grow:0;
	width:66%;
}
.eightTenth{
	flex-grow:0;
	width:76%;
}
.nineTenth{
	flex-grow:0;
	width:86%;
}

.imgSizer{
	max-width:100%;
	height:auto;
	display:block;
	margin:0px auto;
}
#keepInPlace{
	float:left;
	position:fixed;
	z-index:100;
}
#keepInPlaceMobile{
	float:left;
	position:fixed;
	z-index:200;
	margin-top:11px;
	margin-left:-78%;
}
#mainmenu{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index:600;
}


#smallNav, #rrr{
	display: none;
	position:absolute;

}
nav{
	position:fixed;
	/*background-color:#fff;*/
	/*overflow: hidden;*/
	top:0;
	left:0;
	width: 100%;
	box-shadow:0px 0px 4px #eaeaea;
	z-index:100;
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	display: block;
}
footer{
	text-align:center;
}
footer a{
	font-size:16px;
	font-family: Segoe UI, sans-serif;
	font-weight: 400;
	color:#434343;
}
button{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
}
a{
	text-decoration:none;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:21px;
	text-align:right;
	color:#707070;
}
/*a:hover{
	color:#F98FC4;
}*/
footer p{
	font-size:16px;
	font-family: Segoe UI, sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 22pt;
	color:#434343;
	text-align:center;
}
p,ul{
	font-size:18px;
	font-family: Segoe UI, sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 24pt;
	color:#424242;

}
ul {
  list-style: none;
  margin-top:0px;
}

ul li::before {
  content: "\2022";
  color: #333333;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
h1{
	margin-left:6.4%;
	text-align:left;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:40px;
	color:#707070;

}
h2{
	font-family: amatic-sc, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:34px;
	color:#707070;
	margin-top:2px;
}
h3{
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:24px;
	color:#707070;
	/*margin-bottom:0px;*/
}
h4{
	font-family: amatic-sc, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size:40px;
	color:#707070;
	line-height: 1.2em;
	/*margin-top:2px;*/
}
h5{  /*contact form*/
	font-size:16px;
	font-family: Segoe UI, sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 24pt;
	color:#424242;

}
h6{
	/*disclaimer font*/
	font-size:15px;
	font-family: Segoe UI, sans-serif;
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 18pt;
	color:#424242;
	text-align:center;
}
.diff3{
	font-size:17px;	
	}
.sub a{
	font-family: Segoe UI, sans-serif;
	font-size:15px;
	font-weight: 400;
}
.spacer{
	padding:30px;
}
.spacer2{
	padding:10px;
}
.spacer3{
	padding:50px;
}
.diff{
	/*this is part of the h2,h1,and any
	other that is not left aligned*/
	text-align:center;
}

/*#test{
	background-image:url("../images/test.png");
	background-repeat: no-repeat;
	background-position: center center; 
}*/
	.mobileShow{
		display:none; /*two parter*/
		}
	
	#tabletMenu{
		display: none;
	}
	

@media only screen and (max-width: 1280px){
	.container{
		background-color: #fff;
	}
	.tabletOneFifth{
		flex-grow: 0;
		width: 16% ;
	}
	.tabletTwoFifth{
		flex-grow: 0;
		width: 36% ;
	}
	.tabletThreeFifth{
		flex-grow: 0;
		width: 56%;}
	.tabletFourFifth{
		flex-grow: 0;
		width: 76%;}
	.tabletFiveFifth{
		flex-grow: 0;
		width: 96%;}
		
	.tabletHide{
		display:none;
	}
	.tabletShow{
		display: block;
	}
	#changeOrder{
		  display: flex;
		flex-direction:column-reverse;

	}

	#mainmenu{
		display: none;
	}
	#tabletMenu{
		display: block;
	}
	.diff2{
	/*this is part of the h2,h1,and any
	other that is not left aligned*/
	text-align:center;
}
	
}
@media only screen and (max-width: 600px){
	.container{
		/*background-color: blue;*/
		background-color:#fff;
	}
	#changeOrder{
		  display: flex;
		flex-direction:column-reverse;

	}
	
	.col{
		flex-grow: 0;
		width: 96%;

	}
	.colIcon{
		flex-grow:0;
		width:29.3%;
	}
	.colIconTwo{
		flex-grow:0;
		width:62.7%;
	}
	.colIconThree{
		flex-grow:0;
		width:96%;
	}
	/*.mobileOne{
		flex-grow:0;
		width: 46%;
		background-color:rgba(20,20,20,.7);
		padding-top:0px;
		padding-bottom:0px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: -10px;
	}
*/	
	
	#mainmenu{
		display: none;
	}
	#tabletMenu{
		display: none;
	}
	#smallNav{
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 20%;
		text-align: center;
		z-index:500;

	}
	nav{
		text-align:center;
		/*position:relative;*/
	}
	.mobileHide{
		display:none;
	}
	.mobileShow{
		display: block;
	}
	#on, #off{
		padding-bottom:10px;
		padding-top:10px;
	}
	#off{
		display:none;
	}
	#smallDD{
		font-size:1.2em;
		padding-bottom:6px;
		padding-top:10px;
		display:none;
	}
	.backTitleColor{
			background-image:url("images/shapeColor.png");
			background-repeat: no-repeat;
		}

}
.mobileShow{
		display: none;
	}
.tabletShow{
		display: none;
	}
	

}