html,body{height:100%;}
body{display:flex;flex-direction:column;color:#222;margin:0;padding:0;letter-spacing:0.5px;font:16.5px Verdana,Tahoma,Trebuchet;background-color:#f0f0f5;}
h1{width:100%;text-align:center;margin:45px auto 70px auto;padding:0;font-size:40px;font-size:calc(1.2vw + 36px);color:#000;font-weight:normal;line-height:100%;}
h2{width:100%;text-align:center;font-weight:normal;font-size:20px;font-size:calc(16px + .8vw);margin:-20px 0 30px 0;padding:0;}
h3{font-size:18px;margin:19px 0 17px;}
h4{border-top:0.8px #900 solid;color:#900;text-align:left;margin:36px 0 0 0;padding:8px;font-size:16px;}
a{outline:0;color:#26d;}

#header{position:fixed;top:0;left:0;text-align:center;width:100%;border-bottom:2px #000 solid;border-top:3px #900 solid;z-index:999999;background-image:url('images/Golf-Course.jpg');background-position: center center;}
#header #PlayBetterGolf{position:relative;top:calc(1vw + 10px);padding:0;text-align:center;color:#f0f0f5;text-shadow:2px 2px #000;font-size:2vw;font-size:calc(1.3vw + 15px);display:inline-block;margin-left:calc(11vw + 35px);}
#header img{float:right;width:160px; width:calc(5vw + 100px); height:auto;margin:-10px 0 -10px 0;padding:0;}
#content{flex: 1 0 auto;letter-spacing:1.5px;width:70%;width:calc(60% + 195px);margin:160px 4% 20px 4%;margin:calc(5.5vw + 100px) auto 60px auto;line-height:30px;text-align:center;}

.product{box-sizing:initial;border:1px #ddd solid;border-radius:4px;margin:4px 3px;position:relative;overflow:hidden;padding:22px 20px;line-height:1.1em;display:inline-block;width:180px;height:210px;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 79%, #f4f9ff 100%);background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 79%, #f4f9ff 100%);background:linear-gradient(to bottom, #ffffff 0%, #ffffff 79%, #f4f9ff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f9ff',GradientType=0 );}
.product-image-wrapper{width:90%;margin:0 auto;text-align:center;vertical-align:middle;}
.product-image-wrapper a{position:relative;display:inline-block;vertical-align:middle;}
.product-image-wrapper img{box-sizing:initial;max-width:180px;max-height:180px;width:100%;height:100%;vertical-align:bottom;}

#more{width:120px;height:120px;vertical-align:bottom;padding-top:20px;}
.percent-off{display:block;width:32px;height:32px;position:absolute;top:6px;right:6px;color:#ffffff;font-size:12px;letter-spacing:initial;font-weight:bold;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:#a50200;line-height:32px;background-image:-webkit-linear-gradient(top, #cb0400, #a50200);background-image:linear-gradient(to bottom, #cb0400, #a50200);}

.product-details{width:100%;position:absolute;left:0;bottom:18px;}
.product-title{padding:0 9px;}
.product-title a{display:block;text-align:center;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:#0066c0;text-decoration:none;margin-bottom:3px;}
.product-price{display:inline-block;color:#AB1700;font-weight:bold;font-size:14.5px;margin-right:3px;}
.product-details img{display:inline-block;width:52px;height:15px;}

/* DIY section */
.rt{display:inline-block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #900;height:0;width:0;margin:0 0 2px 1px;}
#bigimg{clear:both;width:99.5%;border:0.9px silver solid;border-radius:4px;margin:10px auto;}
.img{margin:8px 0;clear:left;width:calc(29% + 70px);font-size:13px;line-height:16px;text-align:center;} /* needs work */
.imgsm{min-width:100px;max-width:300px;border:thin gray solid;border-radius:4px;}
.left{float:left;margin-right:30px;}
.right{float:right;margin-left:30px;}
figcaption{color:#fff;text-shadow:1px 1px #000;font:italic smaller sans-serif;padding:3px;text-align:center;margin-top:-60px;font-size:100%;}

#menucircle{width:60px;height:60px;position:relative;left:-15px;top:-23px;z-index:1000000;border:2px #f0f0f5 solid;border-radius:50%;}
#menuicon{box-sizing:initial;position:fixed;top:calc(2.5vw + 25px);left:calc(2% + 15px);cursor:pointer;cursor:hand;display:block;border-bottom:18px double #f0f0f5;border-top:6px solid #f0f0f5;content:"";height:7px;width:33.7px;z-index:999999;}
#menu{top:calc(5vw + 83px);transition:transform 250ms ease-in-out,top 1s ease-in-out;width:340px;border-top:2px #000 solid;border-right:2px #000 solid;border-bottom:2px #000 solid;border-bottom-right-radius:3px;padding:0 5px 60px 5px;height:90vh;overflow-y:scroll;z-index:999998;background:white;}
#menu a{color:#228;display:block;}
#menucheckbox{display:none;}
#menucheckbox:checked~#menu{transform:translateX(0);}
#menucheckbox:checked~#menuicon{border-bottom:18px double transparent;border-top:6px solid transparent;}
#menucheckbox:checked~#menuicon:before{content:'';position:absolute;top:-11px;left:14px;padding:0;z-index:20;background:#f0f0f5;display:block;width:5.5px;height:40px;transform:rotateZ( 45deg);margin:0;}
#menucheckbox:checked~#menuicon:after {content:'';position:absolute;top:-11px;left:14px;padding:0;z-index:20;background:#f0f0f5;display:block;width:5.5px;height:40px;transform:rotateZ(-45deg);margin:0;}
.nearlistcontainer{padding:20px 0 0 0;}
.nearlistcontainer a{font-size:15px;display:block;line-height:16px;padding:8px 3px 8px 30px;font-family:Sans-Serif,Serif,Arial;}
#tabs{display:block;width:100%;text-align:center;margin-top:30px;font-size:110%}
#copywrite{flex-shrink:0;clear:both;background:#793;font-size:10px;color:white;line-height:16px;text-align:center;border-top:2px #009 solid;letter-spacing:1.5px;padding:5px 0;}
#copywrite a{color:white;}

@media (max-width:860px){
.product-image-wrapper img{max-width:initial;max-height:initial;width:100%;height:initial;}
.product-image-wrapper{max-width:initial;max-height:initial;width:96%;height:initial;}
.product{width:39%;max-width:initial;}
}
@media (max-width:550px){
.img{width:99.5%;margin:7px auto;}
.imgsm{min-width:initial;max-width:initial}
.left{float:initial;margin-right:0;}
.right{float:initial;margin-left:0;}
}
@media (max-width:530px){
.product{width:79vw;}
#content{width:initial;}
}