@charset "utf-8";
html, body {padding:0;margin:0;}

html {
	background:url(../images/backDown430.jpg) no-repeat top center fixed;
	background-size:cover;
}

/*--height for scrolling and setting the basics--*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	/*background-color:rgb(119,119,119);
	overflow:auto;
	height:7600px;might need more*/
}
#wrapper {
	width:100%;
	margin:0;
	/*-webkit-overflow-scrolling: touch;
	overflow-y:scroll;*/
}

.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.80);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}
.cd-header #cd-logo {
  float: left;
  margin: 8px 0 0 5%;
}
.cd-header #cd-logo img {
  display: block;
}

#logo img {z-index:100;}

#nav {
	width:100%;
	z-index:6;
	position:fixed;
	top:10px;
	left:10px;
}

#nav ul {
	list-style:none;
}
#nav li {
	display:block;
	float:left;
	margin-right:4%;
}

#nav a:link, #nav a:visited {
	color:white;
	text-decoration:none;
}
/* Primary structure second version CSS only*/
.container {
	/*max-width:960px;*/
	margin:20% auto 0 auto;
}

#description2 {
	font-size:1.1em;
	line-height:1.5; 
	width:70%;
	margin:0 auto; 
	padding:20px;
	background-color:rgb(119,119,119);
	position:relative;
	z-index:100;
}
ol{
	font-size:1em;
	width:70%;
	margin:0 auto; 
	padding:20px;
	background-color:rgb(119,119,119);
	position:relative;
	z-index:100;
}
li {
	margin-left:5%;
	line-height:1.8;
}
#description2 a:link, #description2 a:visited {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
#description2 a:hover, #description2 a:active {
	color:rgb(255,255,204);
	text-decoration:none;
}

#description3 {
	font-size:2em;
	text-align:center;
}

.boxer {
	background-color: rgba(206,143,54,1.00);
	padding: 25px;
	margin:0 auto;
	box-shadow: 5px 5px 10px grey;
	border-radius: 10px;
}

.centered {top:0; bottom:0; left:0; right:0; /*margin:auto;*/}

.product {
	width:65%;
	margin:25px auto;
	padding:10px;
	background-color:rgb(100,100,100);
	/*height:100%;*/
	clear:both;
}
.space {
	height:1px;
}

/*Responsive Styles*/

@media screen and (min-width : 586px){
html {
	background:url(../images/backDown600.jpg) no-repeat top center fixed;
	background-size:cover;
}
#nav {
	font-size:1.2em;	
}
.container {
	/*max-width:960px;*/
	margin:15% auto 0 auto;
}	
#description2 {
	font-size:1.5em; 
}
.space {
	height:40px;
}
}
@media screen and (min-width: 760px) {
html {
	background:url(../images/backDown770.jpg) no-repeat top center fixed;
	background-size:cover;
}
#bigwords {
	font-size:3em;
	font-weight:bold;
	width:70%;
	margin-top:5%; 
	margin-left:20%; 
	color:white;
}
.container {
	/*max-width:960px;*/
	margin:10% auto 0 auto;
}
#description1 {
	font-size:1.7em; 
	width:80%; 
	margin:10% auto 10% auto; 
	color:rgba(255,255,255,1);
}
#description2 {
	font-size:1.8em; 
}
#description2 a:link, #description2 a:visited {
	color:rgba(255,255,204,1);
	text-decoration:none;
}
#description2 a:hover, #description2 a:active {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
#bigwords2 {
	font-size:3em; 
	font-weight:bold;
	margin-left:10%; 
	margin-top:30%; 
	color:white;
	text-shadow:5px 5px 5px rgba(51,51,51,0.7);
}
.space {
	height:200px;
}	
}
@media screen and (min-width:1210px){
html {
	background:url(../images/backDown.jpg) no-repeat top center fixed;
	background-size:cover;
}
#bigwords {
	font-size:4em;
	font-weight:bold;
	width:70%;
	margin-top:10%; 
	margin-left:20%; 
	color:white;
}	
.container {
	/*max-width:960px;*/
	margin:10% auto 0 auto;
}	
	
#description2 {
	font-size:2.1em;
	font-weight:bold;
}
#bigwords2 {
	font-size:4em; 
	font-weight:bold;
	margin-left:6%; 
	margin-top:31%;
	width:90%; 
	color:white;
	text-shadow:5px 5px 5px rgba(51,51,51,0.7);
}
.product {
	width:18%;
	float:left;
}
#one {
	margin-left:0.5%;
}
#two {
	margin-left:20.5%;
	margin-top:-541px;	
}
#three {
	margin-left:40.5%;
	margin-top:-559px;
}
#four {
	margin-left:60.5%;
	margin-top:-559px;
}
#five {
	margin-left:80.5%;
	margin-top:-559px;
}
}