.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border: 1px solid #515151;
    background-color: #dad8da;
    box-shadow: 0 15px 0 rgba(255, 255, 255, 0.3) inset;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    border: 1px solid #a8a8a8;
    background-color: #ebe9eb;
	box-shadow: 0 15px 0 rgba(255, 255, 255, 0.3) inset;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	border: 1px solid #935386;
    background-color: #935386;
    box-shadow: 0 15px 0 rgba(255, 255, 255, 0.3) inset;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #a46497;
    box-shadow: 0 15px 0 rgba(255, 255, 255, 0.3) inset;
}

#content-full .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin: 0 2% 1em 0;
}

@media screen and (min-width: 770px) {
	#content-full .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin: 0 10% 1em 0;
	}
	
	#content-woocommerce .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		margin: 0 2% 1em 0;
	}
}

@media screen and (min-width: 650px) {
	.menu > li:first-child > a[title="Home"] {
		background-image: url(images/home.png);
		background-repeat: no-repeat;
		background-position: center center;
		text-indent: -200%;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.menu > li:first-child > a[title="Home"]:hover {
		background-image: url(images/home.png);
		background-image: url(images/home.png), -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
		background-image: url(images/home.png), -webkit-linear-gradient(top, #808080, #363636);
		background-image: url(images/home.png), -moz-linear-gradient(top, #808080, #363636);
		background-image: url(images/home.png), -ms-linear-gradient(top, #808080, #363636);
		background-image: url(images/home.png), -o-linear-gradient(top, #808080, #363636);
		background-image: url(images/home.png), linear-gradient(top, #808080, #363636);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
	}
}

@media screen and (max-width: 650px) {
	.site-name a {
		font-size: 90%;
	}
	
	h1 {
		font-size: 2.125em;
	}

	h2 {
		font-size: 1.750em;
	}

	h3 {
		font-size: 1.375em;
	}

	h4 {
		font-size: 1.1em;
	}

	h5 {
		font-size: 1em;
	}

	h6 {
		font-size: 1em;
	}
	
	blockquote p {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 480px) {
	.site-name a {
		font-size: 80%;
	}
	
	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.625em;
	}

	h3 {
		font-size: 1.250em;
	}

	h4 {
		font-size: 1em;
	}

	h5 {
		font-size: 1em;
	}

	h6 {
		font-size: 1em;
	}
	
	blockquote p {
		font-size: 1em;
	}
	
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 80%;
		box-shadow: 0 12px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
		box-shadow: 0 12px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
		font-size: 80%;
		box-shadow: 0 12px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		box-shadow: 0 12px 0 rgba(255, 255, 255, 0.3) inset;
	}
}

@media screen and (max-width: 320px) {
	.site-name a {
		font-size: 80%;
	}
	
	h1 {
		font-size: 1.750em;
	}

	h2 {
		font-size: 1.375em;
	}

	h3 {
		font-size: 1.1em;
	}

	h4 {
		font-size: 1em;
	}

	h5 {
		font-size: 1em;
	}

	h6 {
		font-size: 1em;
	}
	
	blockquote p {
		font-size: 1em;
	}

	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 70%;
		box-shadow: 0 11px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
		box-shadow: 0 11px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
		font-size: 70%;
		box-shadow: 0 11px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		box-shadow: 0 11px 0 rgba(255, 255, 255, 0.3) inset;
	}
}

@media screen and (max-width: 240px) {
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		font-size: 60%;
		box-shadow: 0 10px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
		box-shadow: 0 10px 0 rgba(255, 255, 255, 0.3) inset;
	}
	
	.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
		font-size: 60%;
		box-shadow: 0 10px 0 rgba(255, 255, 255, 0.3) inset;
	}
	.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
		box-shadow: 0 10px 0 rgba(255, 255, 255, 0.3) inset;
	}
}