body {
	font-family: 'Source Sans Pro', sans-serif;
	/* background-image: url(../img/bg.jpg); */
}

.container {
	background-color: #fff;
}

.span3 {
	position: relative;
}

div a {
	text-decoration: none;
}

header {
	text-align: center;
}

.site-name {
	font-family: 'vintageonemedium', sans-serif;
	font-weight: 200;
	font-size: 96px;
	letter-spacing: -2px;
	line-height: 107px;
	padding: 0;
	margin: 0;
	-ms-word-break: break-all;
	word-break: break-all;
	/* Non standard for webkit */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.site-name span {
	color: #c00;
}

.payoff {
	font-family: 'Allura', sans-serif;
	font-family: 'Amatic SC', sans-serif;
	font-size: 48px;
	font-weight: 200;
	line-height: 43px;
	margin-top: 0;
	padding-top: 0;
}

.amp {
	font-family: 'vintageonemedium', sans-serif;
	font-weight: 200;
}

.price {
	font-weight: 200;
	font-size: 20px;
}

del {
	color: #999;
}

span.status {
	background: purple;
	color: #fff;
	min-width: 70px;
	padding: 4px;
	font-size: 14px;
	position: absolute;
	text-align: center;
	top: 20px;
	right: 0;
	margin: 0;
	display: block;
	z-index: 1978;
	width: 70px;
}

.group {
	margin-top: 20px;
}

.product {
	position: relative;
}

.product a .stars {
	display: none;
	position: absolute;
	top: 0;
	right: 4px;
}

.product a:hover .stars {
	display: block;
}

.product:hover span.status {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	right: -6px;
}

.sold-out span.status {
	background: black;
}

.sold-out img {
	opacity: 0.5;
}

.reviews {
	font-size: 14px;
	float: right;
	color: #999;
	padding: 0;
	margin: 0;
}

footer {
	padding-bottom: 20px;
}

footer p {
	font-size: 14px;
	color: #999;
	border-top: 1px dotted #ccc;
	padding-top: 20px;
}

footer a {
	color: #999;
}


/**
 * Responsive.css
 * Based on 'A common set of breakpoints to start'
 * http://alwaystwisted.com/post.php?s=2012-04-28-a-common-set-of-breakpoints-to-start
 */


/* 20em (320px) */

@media only screen and (min-width: 320px) {
	.payoff {
		font-size: 36px;
		line-height: 31px;
	}
}


/* 30em (480px) */

@media only screen and (min-width: 480px) {
	.payoff {
		font-size: 36px;
		line-height: 31px;
	}
}


/* 37.5em (600px) */

@media only screen and (min-width: 600px) {
	.payoff {
		font-size: 48px;
		line-height: 43px;
	}
}


/* 48em (768px) */

@media only screen and (min-width: 768px) {
	.site-name {
		font-size: 96px;
	}
	.payoff {
		font-size: 48px;
		line-height: 43px;
	}
}


/* 56.25em (900px) */

@media only screen and (min-width: 900px) {}


/* 68.75em (1100px) */

@media only screen and (min-width: 1100px) {}


/* 81.25em (1300px) */

@media only screen and (min-width: 1300px) {}