*{font-family:'Open Sans', sans-serif;box-sizing:border-box;margin:0;padding:0;}

a{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline;}

.maroonsup{color:#FF0000;vertical-align:super;font-size:xx-small; }

body{background:#ffffff;overflow-x:hidden;font-family:'Open Sans', sans-serif;}

#topbar{width:100%;height:50px;background:#181818;display:block;position:relative;z-index:10;}
#topbar h3{position:absolute;top:50%;right:1em;transform:translate(0,-50%);color:#cccccc;font-size:.8em;letter-spacing:.25em;}

#wrapper{white-space:normal;width:100%;}

.section{width:100%;max-width:550px;display:block;text-align:center;margin:0 auto;}
#hero .mainlogo{width:70%;max-width:450px;margin:40px 0 10px 0;}
#hero h1{color:#95012c;font-size:1.2em;letter-spacing:.25em;width:100%;text-align:center;position:relative;font-weight:600;}
#hero .threewines{width:50%;max-width:325px;margin:50px 0;}

.imggrid{width:100%;display:block;position:relative;text-align:left;}
.imggrid .topimg{width:100%;margin:0 0 5px 0;display:block;}
.imggrid .midimg{width:50%;margin:0 0 5px 0;display:block;float:right;}
.imggrid .botimg{width:100%;}
.imggrid h2{position:absolute;top:50%;left:0;transform:translate(0,-50%);margin-left:5%;font-size:1.4em;line-height:1.5em;font-weight:400;letter-spacing:.2em;text-align:left;}

p{width:100%;max-width:500px;padding:5%;margin:1em auto;text-align:center;font-size:1.1em;line-height:1.75em;font-weight:300;color:#000;display:block;}

.sectitle{width:100%;position:relative;}
.sectitle:after{content:'';padding-top:85%;display:block;}
#ourwines{background:url(../images/our-wines-600x700.jpg) top center no-repeat;background-size:100%;}
#spirits{background:url(../images/wp-whiskey-600x700.jpg) center center no-repeat;background-size:100%;}
.sectitle h2{position:absolute;top:50%;left:50%;transform:translate(0,-50%);margin-left:5%;font-size:1.7em;line-height:1.5em;font-weight:400;letter-spacing:.2em;text-align:left;color:#fff;}

#wpw, #kb, #whiskey{max-width:400px;padding:0 5% 0 5%;margin:20px auto;}
.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}
.wine{width:30%;display:inline-block;}
.content{width:65%;display:inline-block;text-align:center;}
.content .logo{width:100%;margin:25% auto 0 auto;}
.CTA{width:150px;display:block;font-size:1em;font-weight:700;letter-spacing:.2em;color:#000;padding:1em;margin:0 auto;border:2px solid #000;border-radius:2em;background:#ebebeb;text-decoration:none;cursor:pointer;}
.CTA:hover{border:2px solid #aaa;background:#aaa;color:#fff;}
.contentwh{width:100%;display:inline-block;text-align:center;}
.contentwh .logo{width:100%;margin:20px auto 0 auto;max-width:250px;}
.contentwh .blurb{width:100%;text-align:center;font-size:1em;line-height:1.75em;font-weight:300;color:#000;}
.winewh{width:20%;margin: 20px 15% 0 calc(15% - 4px);display:inline-block;}
h5{color:#797979;font-weight:400;font-size:1.3em;letter-spacing:.2em;text-align:center;width:100%;margin:0 auto 40px auto;}

#git{width:100%;text-align:center;color:#fff;margin-left:0;}

#footer{width:100%;text-align:center;background:#000;color:#fff;padding:20px;position:relative;font-size:1.25em;font-weight:300;}
#footer .badge{position:absolute;width:24px;height:40px;top:0;left:50%;margin:-20px 0 0 -12px;}
#footer .wlogo{width:70%;max-width:400px;margin:10px auto;}
#footer h4{font-size:.75em;margin:10px auto;}
#footer ul{width:60%;max-width:400px;margin:20px auto;border-top:2px solid #1c1c1c;}
#footer li a{display:block;padding:1em 0;border-bottom:2px solid #1c1c1c;width:100%;text-align:center;color:#fff;text-decoration:none;}
#footer2{display:none;}

/* NAV MENU */
.iconwrap{position:absolute;background:#000;width:50px;height:50px;display:block;}
.gradient-icon {height:20px;width:25px;display:block;background:linear-gradient(to bottom, #ccc 0%, #ccc 10%, transparent 10%, transparent 45%, #ccc 45%, #ccc 55%, transparent 55%, transparent 90%, #ccc 90%, #ccc 100%);position:absolute;top:15px;left:12px;cursor:pointer;z-index:11;}
.gradient-icon:hover{background:linear-gradient(to bottom, #fff 0%, #fff 10%, transparent 10%, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent 90%, #fff 90%, #fff 100%);}

.menunav{width:100%;height:350px;display:block;position:fixed;left:0;top:0;background:rgba(0,0,0,0.9);box-shadow:5px 0 10px rgba(0,0,0,0.7);z-index:5;-webkit-transform:translate3d(0,-350px,0);transform:translate3d(0,-350px,0);z-index:5;}
.menunav ul{width:100%;padding-top:50px;list-style:none;font-size:1.2em;font-weight:300;}
.menunav li{display:inline-block;width:50%;float:left;height:100px;text-align:center;}
.menunav a{vertical-align:middle;display:table;color:#fff;text-decoration:none;background:none;height:100%;width:100%;position:relative;text-align:center;}
.menunav li a:hover{color:#000;background:#fff;}
.centered{position:absolute;top:50%;transform:translate(-50%,-50%);}
.helper{display:inline-block;height:100%;vertical-align:middle;}

#menu-checkbox {display:none;}
#overlay {display:none;width:100%;height:100%;background-color:rgba(0,0,0,0);position:fixed;top:0;left:0;z-index:2;opacity:0;filter:alpha(opacity=0);}
#menu-checkbox:checked ~ #overlay {display:block;opacity:1;filter:alpha(opacity=100);}
#menu-checkbox:checked ~ .menunav {visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}

.easeanim{-webkit-transition: all 0.15s;transition: all 0.15s}
.btt{width:100%;margin:0 0 50px 0;text-align:center;}
.btt a span{display:block;text-align:center;font-size:1em;width:100%;}
.btt a{color:#ccc;}
.btt a:hover{color:#000;}

/* WINES PAGE */
.winebrand{width:50%;margin:15% -4px 20% 0;display:inline-block;text-align:center;padding:0 3%;}
.winebrand h3{font-size:1.5em;line-height:1.5em;font-weight:300;letter-spacing:.2em;text-align:center;margin-bottom:20px;}
.winebrand img{width:100%;margin-bottom:20px;}

.winegrid{text-align:center;padding:0 2.5%;}
.winegrid h4{font-size:2em;line-height:8em;font-weight:400;letter-spacing:.2em;text-align:center;width:100%;background:#fff;position:relative;}
.winegrid h4#wpbrand:before{content:'';display:block;background:url(../images/wpw-logo.jpg) center center no-repeat;background-size:contain;opacity:0.15;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.winegrid h4#kbbrand:before{content:'';display:block;background:url(../images/king-bona-logo.jpg) center center no-repeat;background-size:contain;opacity:0.15;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.winegrid .bottle{width:50%;padding:0 2.5%;text-align:center;display:inline-block;margin-left:-4px;vertical-align:top;}
.winegrid .bottle img{width:50%;max-width:90px;margin:0 auto 20px auto;}
.winegrid .bottle h5{width:100%;max-width:180px;height:6em;padding:20px 0;text-align:center;font-size:.8em;line-height:1.5em;font-weight:400;letter-spacing:.1em;border-top:1px solid #999;text-transform:uppercase}
.winegrid .bottle h5 .brand{color:#95012c;font-weight:700;display:block;text-transform:capitalize;}

@media only screen and (max-width: 320px) {
	.CTA{width:120px;}
}

@media only screen and (min-width: 481px) {
	.imggrid h2{font-size:2em;}
	.sectitle h2{font-size:2.3em;}
	.contentwh .blurb{font-size:1.1em;}
	.content .CTA{width:120px;font-size:.8em;}
		
	#wpw, #kb {width:50%;display:inline-block;margin-left:-4px;}
	#whiskey{max-width:500px;}
	
	.menunav ul{font-size:1.5em;}
	
	.winegrid .bottle{width:33.3%;}
}

@media only screen and (min-width: 1020px) {
	#topbar{height:40px;position:fixed;}
	.iconwrap{display:none;}
	.gradient-icon {top:5px;left:5px;height:30px;width:30px;position:fixed;background:url(../images/wpw-crown.png) center center no-repeat;background-size:contain;}
	.gradient-icon:hover{background:url(../images/wpw-crown.png) center center no-repeat;background-size:contain;cursor:default;}
	
	.menunav{width:auto;height:40px;background:none;box-shadow:none;z-index:10;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
	.menunav ul{width:100%;padding:0 2em 0 0;font-size:.8em;margin-left:35px;}
	.menunav li{width:auto;height:40px;text-align:left;display:block;}
	.menunav a{width:100%;position:relative;text-align:center;padding:0 5em;display:inline-block;}
	
	#footer{display:none;}
	#footer2{height:30px;width:100%;background:rgba(255,255,255,.75);position:fixed;z-index:10;display:block;bottom:0;}
	#footer2 .badge2{position:absolute;height:45px;bottom:0;left:10px;}
	#footer2 h4{position:absolute;top:50%;left:10px;transform:translate(0,-50%);color:#000;font-size:.75em;letter-spacing:.25em;}
	
	body{overflow-x:scroll;overflow-y:hidden;}
	#wrapper{width:auto;white-space:nowrap;height:100vh;}
	.section{width:450px;display:inline-block;white-space:normal;vertical-align:middle;}
	.helper{display:inline-block;height:100%;vertical-align: middle;}
	
	p.section{text-align:left;}
	.sectitle:after{padding-top:116.67%;}
	
	.wine{width:45%;margin:0 auto;display:block;float:none !important;}
	.content{width:100%;display:block;text-align:center;margin-bottom:20px;}
	.content .logo{width:auto;height:120px;margin:30px auto 0 auto;}
	.contentwh{text-align:center;padding:0 30px;}
	.contentwh .blurb{font-size:1em;}

	#wpw, #kb{margin-top:0;}
	#whiskey{max-width:550px;padding:0;}
	#whiskey .logo{width:auto;height:100px;margin-bottom:10px;}
	.winewh{width:15%;margin:20px 17.5% 0 calc(17.5% - 4px);}
	
	h5{font-size:1.4em;margin-bottom:10px;}
	
	#hero, #phil, #wines, #wines2, #whiskey, #spirits, #about, .winegrid {margin-left:30px;}
	#contact {margin:0 130px 0 30px;}
	
	
	#winenav{margin:0 130px;}
	.winegrid{width:1020px;max-width:none !important;text-align:left;margin:0 80px;}
	.winegrid h4{font-size:1.4em;line-height:4em;text-align:left;width:100%}
	.winegrid .bottle{width:20%;}
	.winegrid .bottle img{width:37.5%;margin:0 auto 10px auto;}
	.winegrid h4#wpbrand:before{background:none;}
	.winegrid h4#kbbrand:before{background:none;}
	.winegrid .bottle h5{padding:10px 0;}
	
	.btt{display:none;}
	
	.kblurb{max-width:400px;padding:0 25px;margin-right:0 !important;}
}

@media only screen and (min-width: 1441px) {
	.section{width:600px;max-width:none;}
	p, .contentwh .blurb{font-size:1.3em;}
	#whiskey .logo{height:120px}
	
	.winegrid{width:1200px;max-width:none !important;}
}

@media only screen and (min-width: 1920px) {
	.imggrid h2{font-size:2.3em;}
	.sectitle h2{font-size:2.7em;}
}