@charset "UTF-8";
/* CSS Document */

html,
html * {
	padding:0;
	margin:0;
	box-sizing:border-box;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"	
}
img{
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align: middle;		
}
header{
	padding: 0px 0px 0px 8px;
	width:100%;
}
body{
	margin-left:auto;
	margin-right:auto;
}
footer{
	margin-left:auto;
	margin-right:auto;
}
.style-logo{
	margin-left: auto;
	margin-right:auto;
	display:block;
	width:300px;
}

.style-nav ul{
	list-style-type: none;	
}
.style-nav ul li a{
	text-decoration:none;
	color:#8F8997;
	text-align:center;
	display:block;
	text-transform: uppercase;
	padding:25px 13px 5px 13px;
	letter-spacing: 4px;
	font-weight: 200;
	font-size:1.1em;
}	
.intro{
	padding:1.2em .75em 0em .75em;
	color:#660066;
	text-align:center;
}
h1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.3em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .325em;
	padding:1em .75em 0em .75em;
}
h2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .2em;
	padding:.5em .75em 0em .75em;
}
h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .2em;
	padding:1em .75em 0em .75em;
}
h4{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .2em;
	padding:0em 0em 1.2em 0em;
}
h5{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 500;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .1em;
	padding:1em .75em 0em .75em;
}
h6{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 500;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .06em;
	padding:0em .75em 1em .75em;
}
h7{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .09em;
	padding: .2em 0em 1.2em 0em;
}
.retailersImage{
	width:100%;
	margin-left: auto;
	margin-right:auto;
	display:block;
	padding: .75em 0em 0em 0em;
}
.paragraphInfo1{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .09em;
	padding: 0em 0em 1.2em 0em;
}
.paragraphInfo2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1em;
	font-weight: 200;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .09em;
	padding: 0em .7em 1.75em .7em;
}
.row:before,.row:after{
	content:"";
	display: table;
}

.row:after{
	clear:both;
}
.col{
	width:100%;
}
.col-md-one-fourth{
	width:25%;
	float:left;
	padding:1em 1em 1em 1em;
}
.col-md-one-half{
	width:50%;
	float:left;
	padding:0em 1em 2em 1em;
}
.col-md-one-fifth{
	width:20%;
	float:left;
	padding:1em 1em 1em 1em;
}
.creditcard{
		margin-left: auto;
		margin-right:auto;
		width: 50%;
		padding: 4em 0em 0em 0em;
}
.contactInfo{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:.85em;
	font-weight: 400;
	color:#660066;
	text-align: center;
	text-transform: none;
	line-height: 1.4em;
	letter-spacing: .09em;
	padding: .2em .7em 1.2em .7em;
}
.blogSpot {
	padding: 2em 0em 0em 0em;
	text-align: center;
	display:block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	border: 0;
 	width:400px;
	transform: scale(.95); 
	max-width: 100%;
}


#specialDiv{
	height: 625px;
}

.style-portfolio ul{
	list-style-type: none;	
	text-align: center;
	padding: 10px 0px 0px 0px;
}
.style-portfolio ul li{
	display:inline-block;
	padding: 0px 5px 10px 5px;
}	
.style-portfolio ul li a{
	text-decoration:none;
	text-align: center;
	color:#8F8997;
	display:inline-block;
	padding:10px 24px 10px 24px;
	letter-spacing: 4px;
	font-weight:200;
	font-size:1.1em;
	font-weight:150;
}	
.button{
	border: 2px #D78930 solid;
	padding: 8px 30px 8px 30px;
	border-radius:0px;

}
body main {
}

/*tablet view*/
@media (min-width: 768px){
	.style-nav ul li{
		display:inline-block;
	}
	.style-nav ul{
		text-align: center;
	}
	.col-md-one-fourth{
		width:25%;
	}
	.col-md-one-half{
		width:50%;
	}
	.col{
		float:left;
		padding: 5px 30px 8px 5px;
	}
	.retailersImage{
		width:80%;
		margin-left: auto;
		margin-right:auto;
		display:block;
		padding: .0em .5em 2em .5em;
	}
	.blogSpot {
		padding: 5em 0em 0em 0em;
		text-align: center;
		display:block;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		border: 0;
		width:850px;
		transform: scale(0.90); 
		transform-origin: 0 0;

	}
	#specialDiv{
		height: 615px;
	}
}

/*desktop view*/
@media (min-width: 1024px){
	body{
		max-width: 1200px;
	}
	.intro{
	padding:2em 1em 0em 1em;
	}
	.style-logo{
		float:left;
	}
	.style-nav{
		float:right;
	}
	.style-nav ul li a{
		padding:22px 20px 0px 20px;
	}
	.col-md-one-fourth{
		width:25%;
	}
	.col-md-one-half{
		width:50%;
	}
	.col{
		float:left;
		padding: 5px 30px 8px 5px;
	}
	.retailersImage{
		width:75%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: .0em 0em 2em 0em;
	}
	.blogSpot {
		padding: 3em 0em 0em 0em;
		text-align: center;
		display:block;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		border: 0;
		width:1125px;
		transform: scale(0.90); 
		transform-origin: 0 0;
	}
	#specialDiv{
		height: 615px;
	}
}