img {width:100%;}
body { color: #896f48; background-color: #f7f7f7; font-family: "Libre Baskerville", Georgia, serif; font-weight: 300; font-size: 16px; ); background-position:fixed;}
header {} 
.maincontent {padding-top:40px;}
.page-content { text-align:center; margin-bottom:20px;}
hr { border-bottom: 1px dashed #CCC; border-top:none; width: 50%;}
strong {letter-spacing: 2px; font-weight:400;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {border-top: 1px dashed #CCC;}

/* NAVIGATION STYLES */

nav { text-align:center; border-top: 0px #ccc dashed; border-bottom: 0px #ccc dashed; }
nav ul {list-style:none;display:none; padding-left: 0;}
nav ul li {  border-bottom: 1px dashed #896f48; }
nav a { color:#896f48; display:block; margin:0 10px;padding:15px 0; font-size: 16px; font-style: italic;}
nav .active {text-decoration:underline;}
nav .handle-wrap {width:19px; height:19px; display:inline-block; overflow:hidden; margin-right:12px;vertical-align:middle;}
nav .handle { display:block; background-color:#333; height:3px;margin-bottom:5px;}
nav #pull {border-bottom: 1px dashed #CCC; }
@media only screen and (min-width : 480px) {
	nav li {float:left;}
	nav ul li {padding:0px; border-bottom: 0px;}
	nav ul {display:inline-block; padding-bottom: 5px; border-top: 1px #896f48 solid;}
	nav #pull {display:none;}
	.product-surround {height:400px;}
   }


.login {display:none;background-color:rgba(0,0,0,0.15);}
.toolbar {margin-top:8px;}
.toolbar a {letter-spacing: 1px; font-size:14px; color: #896f48; display:inline-block; padding:0 5px; font-weight:400;}



a, a, .box4 > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a {color: #333;}
a:hover { text-decoration:none; color: #333; opacity: 0.6;}


.logo {display:block;text-align:center; margin:15px auto 0 auto; width: 300px; height: 87px; margin-bottom: 15px;}


/* SHOP */
.cart {display:none;background-color:rgba(0,0,0,0.05); font-size:18px; color: #333;}
.table-condensed {margin-top: 30px;}
.product-surround {background-color: #FFF; text-align:center; margin-bottom: 30px; padding-bottom:15px; height:auto;}
.product-surround a.product-image {display:block;}
.product-surround a.product-image:hover {opacity:0.6; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.product-surround h4 {margin-bottom:0; padding-bottom: 5px; }
.product-desc-wrap { padding:8px; height: 150px;}

/* FORMS */
.form-group {margin-bottom:10px;}
fieldset {margin-top:20px;}
.store_product_form {margin-top: 30px;}


/* TIPS PAGE STYLES */

.tips-title {margin: 0 auto; text-align:center; padding-bottom: 30px; margin-bottom: 30px;}
.tips-title:hover {opacity:0.4; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.tipsbelow {margin-bottom: 80px;}
.tip-image {max-width:200px; margin:0 auto;}

.page-content {text-align:center;}
.page-content li {text-align:left; margin-bottom:10px; font-style:italic; font-size:14px;}

/* TYPOGRAPHY */

h1 {text-align:center;font-family: "Oswald", Helvetica, sans-serif; font-size: 30px; letter-spacing: 3px; padding-top:30px;margin-bottom:30px;text-transform: uppercase;}
h2 {font-family: "Oswald", Helvetica, sans-serif; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:15px; padding: 15px; border-top: 1px #CCC dashed; border-bottom: 1px #CCC dashed;}
h3 {font-family: "Oswald", Helvetica, sans-serif; padding-top: 15px; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom:15px;}
h4 {font-family: "Oswald", Helvetica, sans-serif; font-size: 16px; letter-spacing: 1px; text-transform: uppercase; padding-top:10px; padding-bottom:10px;}
h4 a {color: #896f48;}
th { text-align: left; text-transform: uppercase; font-size: 14px; letter-spacing: 1px;}
.control-label { text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 14px; letter-spacing: 1px;}
.aboutbox {padding-top:30px;}

.description {padding-top:10px; font-size: 14px;}

/* BUTTONS */
.btn {color: #333; background-color: transparent; font-size: 14px; font-family:"Oswald",sans-serif; text-transform: uppercase; border-radius: 0; letter-spacing: 2px; padding: 10px 20px; border: 2px solid #333; margin: 15px 5px; }
.btn-primary {background-color: #333333; color: #ffffff !important; }
.btn-ch {margin-left: 15px; background-color: #333; color: #FFF;}
.btn-ch:hover {opacity: 0.7;}
.btn:hover { background-color: #333; color: #FFF; border: 2px solid #333; opacity: 1;}
.btn-primary:hover {background-color: #111111; }

/* HOMEPAGE STYLES */

.feature-wrap { position:relative; margin-bottom:30px;}
.feature-wrap .feature-overlay { position:absolute; text-align:center; width:95%; height:55%; color:#fff; left:0; top:0; bottom: 0; right: 0; margin:auto; z-index:99; }
.feature-wrap img {width:100%;}
.feature-wrap .feature-overlay2 { position:absolute; text-align:center; width:100%; height:50%; color:#fff; left:0; top:0; bottom: 0; right: 0; margin:auto; z-index:99; }
.feature-wrap .feature-overlay3 { position:absolute; text-align:center;color:#333; height:0%; left:0; top:0; bottom: 0; right: 0; margin:auto; z-index:99; }
.item-text { position:absolute; bottom:40%;  text-align:center; width:100%; }
.item-text a {font-size:45px;font-family: "Oswald", Helvetica, sans-serif;color:#ECE9E4; letter-spacing: 3px; text-shadow:2px 4px 8px rgba(0, 0, 0, 0.53); }
.item-text p { color:#ECE9E4; text-shadow:2px 4px 8px rgba(0, 0, 0, 0.53); font-size:24px; }
.box3 { padding: 15px; height: 170px; margin-bottom:70px; margin-top: 15px;}







.box4text { padding-top: 70px; padding-bottom: 30px; line-height: 21px; color: #333; font-size: 18px; letter-spacing: 1px; text-transform: none;}
.homeshoptitle {font-size: 27px; color: #FFF; font-family: "Old Standard TT", times, sans-serif; font-style: italic; text-transform:none; font-weight: 300; letter-spacing: 2px;}
.homeshoplink { width: 150px; margin: 0 auto; color: #333; background-color: #FFF; font-weight: 400; font-size: 16px; text-transform: uppercase; letter-spacing: 2px;  padding: 15px;}
.box4textsml { width: 200px; margin: 0 auto; color: #333; font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform:uppercase;  padding: 15px; border: 2px #333 solid; margin-top:10%;}
.box4textsml:hover {background: #333; color: #FFF; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.homeshoplink:hover {text-shadow:none; background: #333; color: #fff; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.homeenquiry {letter-spacing: 3px; font-size: 21px; color: #FFF; font-weight: 300; }
.bottomdrawing { width:120px;float:right; margin-top:-18%; position:relative; opacity: 0.8;}
.brewingguideimage, .descriptionbackground {border: 0px solid #CCC;}
.homeshoptitle1 {font-size:24px;}



/* ABOUT PAGE STYLES */

.aboutframe {text-align: center; margin-bottom: 30px; padding-bottom: 30px; background-color: #FFF;}
.abouttext {padding: 10px 20px 10px 20px;}


/* FOOTER STYLES */

footer { background-color:rgba(0,0,0,0.05); text-align:center; padding:30px 0; margin-top:80px; }
.copyright, .madeby {font-size: 14px; color: #8F8D8D;}
footer img {width: 30px; height: 30px; margin-top: 15px; margin-bottom: 30px;}