body {
	font-family:'Merriweather', serif;
	font-weight: 300;
	color:#333333;
	font-size:1.5rem;
	line-height: 3rem;
	text-align: justify;
	text-rendering: optimizeLegibility;
	background:url('../images/happy-background.jpg')no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.guarantee h4 {
	font-weight:300;
	font-family:'Merriweather', serif;
	font-size:1.5rem;
	line-height: 2.5rem;
}
.knowmore h2, .region h2,{
	font-weight:300;
	font-family:'Merriweather', serif;
	font-size:2.5rem;
	line-height: 3rem;
	letter-spacing: .5rem
}
.col-centered{
float: none;
margin: 0 auto;
}
h4 {
	font-weight:300;
	font-family:'Merriweather', serif;
}
.location {font-style: italic}
.region { 
	padding:20px;
	box-shadow: 10px 0 0 10px #fcfcfc;
}
.regions { 
	padding:20px;
}
.thc { 
	border-bottom:#efefef solid 1px;
	margin:10px 0;
}
del {color:red; font-size:2rem; margin-right:20px;}

.container {
      max-width: 960px;
      background-color: rgba(255, 255, 255, 0.95);
      padding: 40px;
      box-shadow: 5px 5px 5px rgba(255, 255, 255, 0.15);
}
.logo {
	max-width:300px;
	/*border:solid 10px rgba(255, 255, 255, 0.4);*/
}
.subhead {
	color:#CA3939;
}
.makered {color:#f03;}
.boxitem {text-align:left; padding:20px; height:100px;}
.colbox {width:45%; margin:10px 2%;display:inline-block; vertical-align:top; background-color:#fff; text-align:center; box-shadow: 1px 1px 1px #eee; border:#efefef 1px solid;}
.topofbox {width:100%; padding:20px;}
.guarantee {
	width:100%; 
	margin:10px 2%;
	display:inline-block; 
	vertical-align:top;  
	text-align:center;
}
.moreheader {
	width:100%; 
	margin:10px 2%;
	display:inline-block; 
	vertical-align:top;  
	text-align:center;
}
.morecontent {
	text-align: left;

}
.morecontent .column {
	box-shadow: 2px 2px 0px 2px #eeeeee;
	margin-bottom:60px;
}
.morecontent h3{
	text-align:center;
	font-weight:300;
	font-family:'Merriweather', serif;
	font-size:2.5rem;
	line-height: 3rem;
	letter-spacing: .5rem

}
.moreinfo li {
	margin-bottom:10px;
	font-size:1.4rem;
	line-height: 2.6rem;


}
.middle {border-right:dashed skyblue 2px;}
.buybutton {
	padding:20px;
	margin-top:0px;
}

.btn-lg { 
	border-radius: 3px; 
	font-weight:
}
/* ======  Start of Product Section ===== */
.infocol {
	padding-top:20px;
	padding:20px;
}
.producttitle {
	font-size:2.5rem;
	font-weight:300;
	text-align: left;
}

.productinfo {
	padding-top:20px;
}
.productinfo ul {
	
	list-style-type: square;
	list-style-image: url(../img/PalmTreeIcon.png);
}

.photocol {
	text-align:right;
}
.productphoto {
	padding:20px;
}

.full {width:100%;}
.callout{
	padding:30px;
	background-color:#FFFFFF;
	box-shadow: 5px 5px 10px #ddd;
}
.rebate { 
	color: #d9534f;
	font-weight: bold;
}
.quote{
	font-style: italic;
}
.traveltos {
	padding:10px; margin:5px;background-color:white; text-align:center; font-family:'Merriweather', serif;
}
.area h3 {font-family:'Merriweather', serif; font-size:21px; font-weight: 300; text-align: center;}
.traveltos h2{font-family:'Merriweather', serif; font-size:24px; font-weight: 300; }
.traveltos img {object-fit: cover; height:175px;}
.area h2 {font-family:'Merriweather', serif; font-size:30px; font-weight: 500; letter-spacing: 2px; text-align:center; padding-bottom:20px;}
.area h2 u {
    text-decoration: none;
    border-bottom: 1px solid #ccc;
  }​
.escapestext {font-family:'Merriweather', serif; font-size:18px; font-weight: 300; height:80px; vertical-align: middle; padding:10px;}
.articlessidebar {border: solid 2px #eee; padding:20px; text-align:left;}
.articlessidebar p {font-size:14px; border-top: 1px solid #eee;}
.maplink {font-size:12px; background-color: #fff; border:1px solid #ddd; color:#555;}
.nowrap {white-space:nowrap;}
/* ======  End of Product Section ===== */

/* ======  Start of @Meida Section ===== */
@media (max-width: 750px) {

      .boxitem {height:150px;}
      .topofbox {height:100px;}
    }
    @media (max-width: 600px) {

      .boxitem {height:190px;}
      .topofbox {height:120px;}

    }
    @media (max-width: 550px) {
      /*.btn-lg {
        padding:5px 5px;
        font-size:80%;
        line-height: 1;
        border-radius:3px;
      }*/
      colbox {width:48%; margin:10px 1%}
      h4 {font-size:12px;}
      .regions h4 {font-size:18px;}
      .boxitem {height:220px; font-size:12px;}
      .colbox {width:45%}
      .colbox ul {padding-left:10px}
      .container {padding:20px}
      .traveltos img {height:100px;}
      body {background:none;}

    }
/* ======  End of @Meida Section ===== */