body {
 	/*background-color:#b03028;*/
	/*background:transparent url(../images/site-bg.jpg) no-repeat;
	background-size:auto;*/
	/*background-color:#C39060;*/
	background-color:#fff;
	background: url(../images/bg.jpg) repeat top center!important;
}

div#site-container {
  /*background: url(../images/bg.jpg) repeat-y top center!important;*/
  background-color:#fff;
  /*border-left:1px solid #C39060;
  border-right:1px solid #C39060;*/
}


.banner {
  background: url('../images/bg.jpg') no-repeat center center;
  background-size: initial;
  background-attachment: fixed;
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
} 

.header {
	background:transparent url(../images/header-image.png) top center no-repeat;
	min-height:351px;
}

.footer {

	/*position: fixed;
	bottom: 0;
	width: 100%;  choose any height 
	background:transparent url(../images/footer-image.png) bottom center no-repeat;

	min-height: 394px;*/
}

hr {
    max-width: 60rem;
}

hr.line {
    height: 30px;
    border-style: solid;
    border-color: #fff;
    border-width: 1px 0 0 0;
    max-width: 55rem;
}

hr.special {
    height: 30px;
    border-style: solid;
    border-color:#C39060 ;/*#b03028;*/
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.special:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #C39060;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

h1 {
  font: 600 2.25rem 'Lora', Helvetica, sans-serif;
  color:#333;/*color: #b03028;*/
  /*text-shadow: 4px 4px 0px rgba(0,0,0,0.1);*/
  margin-bottom:40px;
}

h1.image{margin:0;}

h2 {
  font: 400 1.75rem 'Josefin Sans', Helvetica, sans-serif;
  color: #333;
	text-transform:uppercase;
  /*text-shadow: 4px 4px 0px rgba(0,0,0,0.1);*/
}

h2.product-heading {
	font: 600 1.25rem 'Josefin Sans', Helvetica, sans-serif;
	/*font: 400 1.5 rem 'Josefin Sans', sans-serif;*/
    /*color: #b03028;*/
	color:#333;
	text-transform:uppercase;
	margin-top:20px;
	text-align:center;
}

p, a {font-family: 'Open Sans', sans-serif;}

p {font-family: "Lora", Georgia, Times New Roman, serif; font-size:1rem;}

img.double-red {
/*border: 10px double #b03028;
border-radius: 50%;*/
}

img.product {
 margin:20px 0;	
}

img.guide-logo {
	margin-top:150px;
}

.white-bg {
  background-color:#fff;	
}

.bold {font-weight: bold;}

.button {
  font-family: 'Josefin San', sans-serif;
  font-weight:800;
  background-color: #C39060;
  color: #fff;
  text-transform:uppercase;
 }
  
  [data-whatinput='mouse'] .button {
    outline: 0; }
	
  .button:hover, .button:focus {
    background-color: #000;
    color: #fefefe; }
	
#products {
	padding:0 2.5em;	
	margin-bottom:40px;
}

.product, .back-to-guide { margin:20px 0}

.callout {border:none}

.extro { width:50%; margin:40px auto 0 auto;}
.intro { width:75%; margin:0 auto 40px auto;}