@charset "utf-8";
/* CSS Document */
body#purchase{background:url(../img/common/bg_pattern.jpg) center top repeat-y;}
.container{background:url(../img/world/bg_01.png) center top no-repeat;background-size:cover;height:auto}
.hero{text-align:center}
.hero img{width:60%;height:auto}
.purchase h2 img{width:40%}
.purchase{background:none;margin:0;padding-bottom:40px}
.purchase .purchase-link{box-shadow:5px 5px 5px #000;border:ridge 3px #C80}
.purchase .purchase-link:hover{background: -moz-linear-gradient(left,rgba(254,182,69,1),rgba(241,231,103,1));background: -webkit-linear-gradient(left, rgba(254,182,69,1), rgba(241,231,103,1));background: -o-linear-gradient(left, rgba(254,182,69,1), rgba(241,231,103,1));background: -ms-linear-gradient(left, rgba(254,182,69,1), rgba(241,231,103,1));background: linear-gradient(to right, rgba(254,182,69,1), rgba(241,231,103,1));}

.purchase h2{padding:0}
@media (max-width:1096px){
/*
	header #social{width:50%}
	header #social ul{float:right}
	.purchase h2 img {width: 60%;}
	.hero img {width: 70%;}
*/
}
@media (max-width: 600px) {
	.purchase h2 img {width: 85%;}	
	.hero img {width: 90%;}
}