body {
	font-family: 'Open Sans', Verdana, Helvetica, sans-serif !important;
	background: #ffe67a; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe67a 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffe67a 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffe67a 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

body a {
	text-decoration: none;
}

img {
	border: 0px;
}	

.disclosure {
	font-style: italic;
	font-size: 10px;
	color: gray;
	padding-top:10px;
	padding-bottom:10px;
	margin: auto auto;
	width: 75%;
}

.bar {
	margin: auto auto;
	margin-top:75px;
	height: 75px;
	width: 90%;
	background-color: #872c00;
}

.dealsbar {
	margin: 25px auto 25px auto;
	width: 90%;
	background-color: #872c00;
	color: white;
	padding-bottom: 10px;
	font-style: italic;
	font-size: 12px;
}

.logo {
	width: 394px;
	position: relative;
	bottom: 75px;
	
}

.main {
	margin: auto auto;
	width: 80%;
	text-align:center;
}	

h1 {
	font: 400 40px/1.3 'Bree Serif', Georgia, serif !important;
	color: white;
	margin-bottom: 0px;
}

h2 {
	font: 400 24px/1.3 'Bree Serif', Georgia, serif !important;
}

.price {
	font: 400 20px/1.3 'Bree Serif', Georgia, serif !important;
}

.price_high {
	font: 400 24px/1.3 'Bree Serif', Georgia, serif !important;
	color:red;
	font-size: 26px;
}

.tinytext {
	color: #aaa;
	font-size: .8em;
	font-style: italic;
}

p {
	font: 400 14px/1.3 'Open Sans', Verdana, Helvetica, sans-serif !important;
}

.featured_asin {
	background-color: #FFF;
	width: 90%;
	margin: auto auto;
}

.featured_asin img {
	max-height: 300px;
	max-width: 300px;
}

.asin_desc {
	display: inline-block;
	vertical-align:middle;
	width:45%;
	text-align:left;
}

.asin_img {
	display: inline-block;
	padding: 20px;
	width:45%;
	text-align:center;
	vertical-align:middle;
}

.grid {
	margin: auto auto;
   display: -ms-flexbox;
   -ms-flex-direction: row;
   -ms-flex-wrap: wrap;
   display:flex;
   flex-wrap: wrap;
   justify-content: center ; /* for horizontal aligning of child divs */
   align-items : top ; /* for vertical aligning */
}

.grid-item {
	width: 20%;
	margin: 10px;
	text-align:center;
	background-color: #FFF;
	position: relative;
	margin-bottom:65px;
}

.grid-item--width2 {
	width: 520px;
}

.grid_img {
	width: 175px;
	height: 175px;
    line-height: 100px;
	text-align:center;
	margin: auto auto;
}

.image_fix {
	max-width:175px;
	max-height:175px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.more {
	background-color: #37375b;
	position:absolute;
	bottom: -45px;
	height: 35px;
	padding-top: 15px;
	font-size: 18px;
	width: 100%;
}

.more a {
	color: #fff;
}


.padding {
	margin: auto auto;
	width: 90%;
	margin: 15px;
}	

.footer {
	margin: auto auto;
	width: 90%;
	background-color: #872c00;
	padding: 15px;
	color: white;
	font-size: 12px;
}


@media screen and (max-width:650px) {
	
	body {
		font: 400 14px/1.3 'Open Sans', Verdana, Helvetica, sans-serif !important;
	}	
	
	.bar {
		width: 100%;
	}
	
	.dealsbar {
		width: 100%;
		font-size: 12px;
	}	

	.logo {
		width: 300px;
		bottom: 50px;
		
	}	
	
	.disclosure {
		font-size: 8px;
		width: 95%;
	}	
	
	.main {
		width: 100%;
		text-align:center;
	}	
	
	h2 {
	  font: 400 24px/1.3 'Bree Serif', Georgia, serif !important;
	}

	.price {
	  font: 400 20px/1.3 'Bree Serif', Georgia, serif !important;
	}	

	p {
	  font: 400 14px/1.3 'Open Sans', Verdana, Helvetica, sans-serif !important;
	}

	.featured_asin {
		background-color: #FFF;
		width: 100%;
		margin: auto auto;
	}

	.featured_asin img {
		max-height: 150px;
		max-width: 150px;
		padding-top: 10px;
	}

	.asin_desc {
		width:100%;
		text-align:center;
	}

	.asin_img {
		width:100%;
		text-align:center;
		padding: 3px;
	}

	.padding {
		margin: auto auto;
		width: 90%;
		margin: 15px;
	}

	.grid-item {
		width: 100%;
	}	
	
}




@media screen and (min-width:651px) and (max-width:1200px) {
	
	.bar {
		width: 90%;
	}

	.logo {
		width: 394px;
		bottom: 75px;
	}	
	
	.main {
		width: 100%;
		text-align:center;
	}	
	
	h2 {
	  font: 400 24px/1.3 'Bree Serif', Georgia, serif !important;
	}

	.price {
	  font: 400 20px/1.3 'Bree Serif', Georgia, serif !important;
	}	

	p {
	  font: 400 14px/1.3 'Open Sans', Verdana, Helvetica, sans-serif !important;
	}

	.featured_asin {
		background-color: #FFF;
		width: 100%;
		margin: auto auto;
	}

	.featured_asin img {
		max-height: 250px;
		max-width: 250px;
		padding-top: 10px;
	}

	.asin_desc {
		width:45%;
		text-align:center;
	}

	.asin_img {
		width:45%;
		text-align:center;
		padding: 3px;
	}

	.padding {
		margin: auto auto;
		width: 90%;
		margin: 15px;
	}	
	
	.grid-item {
		width: 30%;
	}	
	
}