/*
* orange #d6653d
*/
html,body{
	width:100%;
	height: 100%;
	padding:0;
	margin:0;
	font-size:1rem;
	background: #eee;
}
header, footer{
	background-color:#555;

}
header{
	border-bottom:1px solid #333;
}
footer{
	padding-top:5px;
	clear:both;
	border-top:1px solid #333;
}
header a, footer a{
	color:#fff;
}
footer a:hover{
	color:#fff;
	text-decoration: underline;
}
.navbar{
	padding: .25rem 1rem;
}
.hidden{
	display: none
}
.home #offers div.referralImg img{
	 filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    max-height: 80px;
	vertical-align: baseline;
	display: block;
	margin: 30px 0 auto;
	padding: 5px;
}

.viewContainer{
	background: #fff;
} 
.home #offers div.referralImg:hover{
	
}

.home #offers div.referralImg:hover img{
	 filter: unset;
    -webkit-filter: unset;
    -moz-filter: unset;
    -ms-filter: unset;
    -o-filter: unset;
}

h1{font-size:1.7rem;}
h2{font-size:1.5rem;margin-bottom:1rem;}
h3{font-size:1.3rem;}
h4{font-size:1.1rem;}

blockquote
{
  text-align: left;
  font-size: 16px;
  margin: 30px 20px;
  border-left: 4px solid #555;
  padding: 20px 50px;
}

.jumbotronContainer{
	background-image:url('/images/bg_1.png');
	background-repeat: no-repeat;
	background-size: cover;
	min-width: 100%;
}
.jumbotron{
	background-color: rgba(255,255,255,-0.7)
}
.spacer{
	width: 100%;
	clear: both;
}
.home.container{
	padding:0;
	width: 100%;
	margin:0;
	min-width:100%;
}
#mainContainer{
	min-height: 100%;
	overflow: hidden;

}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.referralOffer{
	/*
	height: 250px;
	border:1px solid #333;
	*/
	border:1px solid #ddd;
	background:#fff;
	margin:15px auto;
	display: inline-block;
	width: 100%;
}
.referralOffer:hover{
	border:1px solid #d6653d;
}
.referralOffer a{
	display: inline-block;
}
.referralOffer h2,
.referralOffer div.referralImg{
	display: block;
	overflow: hidden;
}
.referralOffer h2{
	height:75px;
}
.referralOffer div.referralImg{
	height:130px;
}
.referralOffer div.referralImg img{
	display: inline-block;
	vertical-align: top;
	max-height: 130px;
}
.referralOffer div.shopName{
	display: inline-block;
	height:100px;
	overflow: hidden;
}