@font-face {
    font-family: 'proximasansregularregular';
    src: url('fonts/ufonts.com_proximasansregular-webfont.eot');
    src: url('fonts/ufonts.com_proximasansregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_proximasansregular-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_proximasansregular-webfont.woff') format('woff'),
         url('fonts/ufonts.com_proximasansregular-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_proximasansregular-webfont.svg#proximasansregularregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

.general-inner {
    width: 100%;
    max-width: 1024px;
    margin: 30px auto;
    position: relative;
}
body.page-template-template-landing { background: #fff; }
.two, .row .two {
    width: 16.66667%;
}
.three, .row .three {
    width: 25%;
}
.four, .row .four {
    width: 33.33333%;
}
.six, .row .six {
    width: 50%;
}
.seven, .row .seven {
    width: 58.33333%;
}
.eight, .row .eight {
    width: 66.66667%;
}
.column, .columns {
    float: left;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
}
.thank-you {
    display: none;
}

.page .banner p, .page .banner h4, .page #page-content, .page #page-content h1, .page #page-content h3, .page #page-content h3, .page #page-content h4 { font-family: 'proximasansregularregular';  }

.page #page-content p, .page #page-content ul, .page #page-content .items .des-items{ font-size: 18px; line-height: 1.3em; letter-spacing: 0; }
.page-copy-custom {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 100%;
}
img{ max-width:100%;}

.banner {
	position:relative;
	width:100%;
	background: url(images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:80px 0;
	text-align:center;
}
.banner-overlay{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(32, 23, 19, 0.7);}
.banner img{}
.page .banner p{ font-size:21px ; color:rgba(255, 255, 255, 0.9); line-height: 1.4; }
.page .banner h4{  color: #dfca4e; font-size: 24px; margin-bottom:0; padding-bottom:0;}
.banner .center-align{ margin:0 auto;}
.items{ text-align:left;}
.items .des-items{ margin-bottom:20px;}
.items .des-items, .items h3{ text-align:center;}
.items h3{ font-size:48px; padding:20px 0;}
.items ul{ margin-left:20px;}
.items ul li{ list-style:disc; text-align:left; line-height:22px;}
.clear{ clear:both; margin:0; padding:0;}
.center-align{ margin:0 auto; margin-top:60px;}

.purchase{ margin:40px 0 0 0;}
.purchase a, .email-subscribe input[type="submit"]{ padding:0 17px; border-radius:300px; background-color: #dfca4e; border-color: #dfca4e; color: #1c1c1c; font-size: 15px; font-weight: 700; letter-spacing: 3px; padding: 21px 34px; text-transform: uppercase;}
.purchase a:hover, .email-subscribe input[type="submit"]:hover{ opacity:0.8;}

.previous-crates{ background:#f5f5f5; width:100%; padding: 38px 0 68px 0; text-align:center;}
.previous-crates p{ margin:0; padding:0; text-transform:uppercase;}

h3.text-align-center{ text-align:center; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 1.4em; text-transform: uppercase; margin-bottom:40px;}
h2.menu-selector{ font-size: 48px; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1.3em; text-transform: none;}

.email-subscribe{ background:#fff; width:100%; padding:30px 0;}
.email-subscribe h3.text-align-center{ margin-bottom:20px;}
.email-subscribe .center-align{ margin:0 auto; margin-top:10px;}
.email-subscribe form{ margin:0 auto; margin-top:60px;}
.email-subscribe input{ background:#fff; border: 1px solid rgba(0, 0, 0, 0.12); font-size: 15px; line-height: normal; outline: medium none; padding: 1em; transition: background 0.3s ease-out 0s, border 0.3s ease-out 0s; width: 100%;}
.email-subscribe input[type="submit"]{ width:auto; font-weight:normal; padding: 15px 34px;}
.email-subscribe .columns{ padding:0 5px;}

@media only screen and (max-width: 767px) {
	.three.columns, .four.columns, .five.columns, .six.columns, .seven.columns, .eight.columns, .nine.columns, .ten.columns, .eight, .eleven{ width:100%;}
	.email-subscribe input{ margin:2px 0; width: initial; }
}