/************************************************ Background ************************************************/
body {
	background:#fff;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family: 'Inknut Antiqua', Georgia, serif;
	color:#333333;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h5 {
	line-height:1.3em;
	font-weight:bold;
}

h1 {
	font-size:30px;
	margin:0 0 30px;
}

h2 {
	font-size:40px;
	margin:0 0 30px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:24px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:22px;
	line-height:1.5em;
	padding:0 0 20px;
	font-weight:500;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

a {
	color:#272105;
	text-decoration:none;
	transition: all 0.3s ease-out;
}

a:hover {
	color:#272105;
	text-decoration:underline;
}

img {
	height:auto;	
}

strong {
	font-weight:bold;	
}

em {
	font-style:italic;	
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}


/************************************************ Layout ************************************************/

.row {
	width:100%;
	float:left;
	padding:80px 5%;
	box-sizing: border-box;
}

.row.gold {
	width:100%;
	float:left;
	padding:80px 5%;
	box-sizing: border-box;
}

.row.green {
	background:#93a755;
	position:relative;
}
.row.orange {
	background:#eba904;
	position:relative;
}
.row.red {
	background:#c23754;
	position:relative;
}
.row.blue {
	background:#00a0b0;
	position:relative;
}
.row.greenlight {
	background:#92a86c;
	position:relative;
}

.row.green:after,
.row.greenlight:after,
.row.blue:after,
.row.red:after,
.row.orange:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #93a755;
    border-width: 40px;
    left: 14%;
    margin-left: -19px;
}

.row.orange:after {
    border-bottom-color: #eba904;
}
.row.red:after {
    border-bottom-color: #c23754;
}
.row.blue:after {
    border-bottom-color: #00a0b0;
}
.row.greenlight:after {
    border-bottom-color: #92a86c;
}

.row.range {
	/*background:url(../images/rangebg.jpg) no-repeat top center;
	background-size:cover!important;*/
	background-color: #9f8c69;
	background-image: -webkit-linear-gradient(-80deg, #9f8c69 50%, #dfc899 50%);
	background-attachment: fixed;
	background-position:bottom center;
}

.row.range.large {
	padding:160px 5% 80px;
}

.row.contact {
	background-color: #494331;
	background-image: -webkit-linear-gradient(-67deg, #494331 50%, #dfc899 50%);
	padding:80px 5% 80px;
}

.row_inner {
	max-width: 1200px;
	min-width: 900px;
	position:relative;
	margin:0 auto;
}

#wrapper {
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
	max-width: 1140px;
	min-width: 960px;
	margin:0 auto;
}

header {
	width:100%;
	/*float:left;*/
	position:absolute;
	left:0;
	top:0;
	box-sizing: border-box;
	text-align:center;
	background:none;
	padding:0 5% 40px;
	z-index:2;
}

#home header {
	width:100%;
	float:none;
	position:fixed;
	top:0;
	box-sizing: border-box;
	z-index:5;
	background:rgba(255,255,255,0);
	transition: all 0.3s ease-out;
}

#awards header,
#newsfeed header,
#privacy header,
#contact header {
	width:100%;
	float:left;
	position:relative;
	box-sizing: border-box;
	text-align:center;
	background:none;
	padding:0 5% 40px;
	z-index:2;
	background:#d8c192;
}

#home header.fixed {
	position:fixed;
	background:#fff;
	padding:0 5% 40px;
	background:rgba(39,33,5,.9);
}

#home #logo {
	display:none;
}

#home #logo.white.show {
	display:block;
}

#logo {
	width:153px;
	position:absolute;
	margin:20px auto 0;
	left:0;
	right:0;
	top:0;
}

#logo.white {
	display:none;
}

#logo:hover {
	opacity:0.7;
}

#logo img {
	width:100%;
}

nav {
	display: inline-block;
	position: relative;
	text-align:center;
	margin-top:54px;
}

nav.left {
	width:40%;
	float:left;
	box-sizing:border-box;
	padding-right:0%;
	text-align:right;
}

nav.right {
	margin-left:0%;
	width:40%;
	float:right;
	box-sizing:border-box;
	padding-left:2%;
	text-align:left;
}

nav ul li {
	display:inline-block;
	vertical-align:top;
	list-style-type:none;
	margin:0 5% 0 0;
	white-space:nowrap;
	font-size:12px;
	font-weight:bold;
}

#home nav ul li a {
	color:#fff;
	opacity:0.3;
}

#home nav ul li a:hover {
	color:#fff;
	opacity:1;
}

nav ul li a {
	letter-spacing:1px;
	text-transform:uppercase;
	color:#272105;
	float:left;
	text-decoration:none;
	opacity:0.3;
}

nav ul li a:hover,
#story nav ul li a.storynav,
#newsfeed nav ul li a.newsfeednav,
#contact nav ul li a.contactnav,
#awards nav ul li a.awardsnav,
#range nav ul li a.rangenav {
	opacity:1;
	color:#272105;
	text-decoration:none;
}

#responsivesurround {
	display:none;	
}

/************************************************ Homepage ************************************************/

.hp_pic {
	width:100%;
	height:820px;
	height:100vh;
	margin:0;
	float:left;
	box-sizing:border-box;
	position:relative;
	text-align:center;
	overflow:hidden;
	background:url(../images/videohp.jpg) no-repeat top center;
	background-size:cover!important;
}

video.background {
	height: 100%;
	width: 177.77777778vh; /* 100 * 16 / 9 */
	min-width: 100%;
	min-height: 56.25vw; /* 100 * 9 / 16 */
	position: absolute;
	left: 50%; /* % of surrounding element */
	top: 50%;
	transform: translate(-50%, -50%); /* % of current element */
	z-index:1;
}

.hp_pic_centered {
	max-width:1600px;
	margin:0 auto;
	background-size:cover!important;
	/*height:810px;*/	
}

.writing {
	position:absolute;
	top:45%;
	right:0;
	left:30px;
	margin:0 auto;
	width:406px;
	z-index:2;
}

.writing.hide {
	display:none;
}

.writing img {
	width:100%;
}

.centered_area {
	width:80%;
	margin:0 auto;
	text-align:center;	
}

.centered_area.gold {
	color:#dfc899;
}

.bottle_lot.fixed {
	margin-top:-300px;
	z-index:2;
	position:relative;
	transition: all 1.5s ease-out;
}

.centered_area.white {
	color:#fff;
}

ul.bottles {
	width:100%;
	float:left;
	margin:40px 0;
	text-align:center;	
}

ul.bottles li {
	font-size:19px;
	float:left;
	width:20%;
}

ul.bottles li .image_holder {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:0 18%;
}

ul.bottles.small li .image_holder {
	padding:0 25%;
}

ul.bottles li img {
	margin:0 0 30px;
	transform: scale(1);
	transition: 0.4s;
	width:100%;
}

ul.bottles li:hover img {
    transform: scale(1.3);
    transition: 0.4s;
    transition-delay: 0s;
    transition-delay: .15s;
}

ul.bottles li .text {
	width:100%;
	float:left;
	font-size:18px;
	text-transform:uppercase;
	transition: all 0.3s ease-out;
	font-weight:bold;
}

ul.bottles li:hover .text {
	padding:4.5em 0 0;
	transition-delay: 0s;
    transition-delay: .15s;
}

ul.bottles.small li:hover .text {
	padding:3em 0 0;
	transition-delay: 0s;
    transition-delay: .15s;
}

ul.bottles li a .text.orange {
	color:#eba904;
}
ul.bottles li a .text.blue {
	color:#00a0b0;
}
ul.bottles li a .text.green {
	color:#93a755;
}
ul.bottles li a .text.red {
	color:#c23754;
}
ul.bottles li a .text.greenfade {
	color:#92a86c;
}


/************************************************ Main Content ************************************************/

.top_heading {
	width:100%;
	float:left;	
}

.top_heading img {
	width:100%;	
}

.normal_content {
	width:70%;
	margin:0 auto;
}

.normal_content img {
	margin:0 0 20px;	
}

.normal_content ul,
.normal_content ol {
	width:100%;
	float:left;
	list-style-type:disc;
	margin:0 0 30px;
}

.normal_content ul li,
.normal_content ol li {
	width:100%;
	float:left;
	font-size:22px;
	color:#333;
	line-height:1.5em;
	margin-left:20px;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.normal_content ol {
	list-style-type:decimal;	
}

.normal_content ol li ol,
.normal_content ul li ul {
	margin:10px 0;
}

.normal_content ol li ol li,
.normal_content ul li ul li {
	margin-left:20px;
}

.normal_content h1 {
	font-size:46px;
	color:#dfc899;
	margin:0 0 25px;
}

.normal_content h2 {
	font-size:30px;
	color:#dfc899;
	margin:0 0 10px;
}

.normal_content h3 {
	font-size:24px;
	color:#dfc899;
	margin:0 0 20px;
}

.normal_content h4 {
	font-size:20px;
	color:#dfc899;
	margin:0 0 20px;
}


/************************************************ Our Story ************************************************/

.left_text {
	width:55%;
	float:left;
	color:#dfc899;	
}

.left_col {
	width:45%;
	padding-right:5%;
	float:left;	
}

.left_text h1 {
	font-size:34px;
	margin:0 0 20px;
}

.left_text p {
	font-size:18px;
}

.right_text {
	width:45%;
	float:left;	
}

.right_text img {
	width:100%;
	float:left;	
}

.large_pic {
	min-height:638px;
	max-height:638px;
	width:100%;
	float:left;
	background-attachment:fixed;
	background:url(../images/story-bottompic.png) no-repeat fixed 50% 50%;
	background-size:cover!important;
}

.mission_statement {
	width:80%;
	margin:0 auto;
}

.mission_statement h3 {
	font-size:42px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	text-align:center;
	margin:0 0 20px;
}

.mission_statement h4 {
	font-size:60px;
	font-weight:bold;
	text-align:center;
	color:#dfc899;
}

.sig {
	width:354px;
	float:right;
	margin:-20px 0 0;	
}

.sig img {
	width:100%;
}

/************************************************ Range ************************************************/

.range_centered {
	text-align:center;
	float:left;
	color:#fff;
	width:100%;	
}

.range_centered h1 {
	font-size:34px;
	margin:0;
	text-transform:uppercase;
}

.range_top_pic {
	width:100%;
	float:left;
	padding:0 0 0;
	box-sizing:border-box;
	position:relative;
}

.left_arrow {
	position:absolute;
	font-size:100px;
	color:#fff;
	left:2%;	
	z-index:1;
	top:40%;
}

.right_arrow {
	position:absolute;
	font-size:100px;
	color:#fff;
	right:2%;
	z-index:1;
	top:40%;	
}

a.fullrange_btn {
	font-size:20px;
	font-weight:bold;
	position:absolute;
	z-index:1;
	bottom:30px;
	right:12%;
	color:#fff;	
	text-transform:uppercase;
}

.range_top_pic img {
	width:100%;
	float:left;
}

.range_intro {
	width:23%;
	position:absolute;
	top:150px;
	left:10%;
	z-index:1;	
}

.range_intro h1 {
	font-size:30px;
	margin:0 0 15px;
}

.range_intro h1.medium_dry {
	color:#93a755;
}
.range_intro h1.sweet {
	color:#eba904;
}
.range_intro h1.dry {
	color:#00a0b0;
}
.range_intro h1.strawberry {
	color:#c23754;
}
.range_intro h1.elderflower {
	color:#92a86c;
}

.range_intro p {
	font-size:20px;
	padding:0;
}

.range_content {
	width:100%;
	display:table;
}

.range_content img {
	width:100%;
}

.range_col {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
	color:#fff;
	padding:30px 3% 30px 0;
}

.range_col h3 {
	font-size:30px;
	margin:0 0 5px;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}

.range_col p {
	font-size:19px;
}

.range_col:nth-child(2n) {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	width:40%;
	padding:30px 4%;
}

.range_col:nth-child(3n) {
	padding:30px 0 30px 3%;
}


/************************************************ Awards ************************************************/

.awards_top {
	width:100%;
	float:left;
	padding:80px 0 0;
	position:relative;
	box-sizing:border-box;
	background:url(../images/awards-topbg.jpg) no-repeat top center;
	background-size:cover!important;
}

.awards_text {
	width:30%;
	float:left;
	margin:0 0 60px 5%;
	text-align:center;
}

.awards_text img {
	margin:0 0 20px;
	width:70%;
}

.awards_text p {
	font-size:19px;
}

.awards_pic {
	width:55%;
	right:0;
	position:absolute;
	bottom:0;	
}

.awards_pic img {
	width:100%;	
}

.awards_surround {
	width:100%;
	float:left;
	padding:80px 5%;
	box-sizing:border-box;
	background:url(../images/awards-bg.jpg) no-repeat top left;
	background-size:cover!important;	
}

.awards_surround h2 {
	font-size:42px;	
	text-transform:uppercase;
	margin:0 0 50px;
	text-align:center;
	color:#fff;
}

.award_list {
	width:55%;
	float:left;
}

.award_col {
	width:30%;
	float:left;	
}

.award_col:nth-child(2n) {
	margin:0 5%;	
}

.award_list h4 {
	font-size:24px;
	color:#dfc899;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
	font-weight:bold;	
}

.award_list h5 {
	font-size:13px;
	color:#fff;	
	text-transform:uppercase;
	margin:0 0 5px;
	font-weight:bold;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.award_list h6 {
	font-size:12px;
	color:#fff;	
	text-transform:uppercase;
	margin:0;
	margin:0 0 5px;
	font-weight:bold;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.award_list p {
	color:#dfc899;
	padding:0 0 15px;
	font-size:12px;
	line-height:1.2em;
}

.award_list .num {
	width:100%;
	float:left;
	margin:0 0 5px;	
}

.award_list .num.space {
	margin:0 0 15px;	
}

.award_list .num span {
	float:left;
	font-size:12px;
	color:#dfc899;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.award_list .num p {
	float:right;
	width:85%;
	color:#dfc899;
	padding:0;
	font-size:12px;
	line-height:1.2em;
}

.award_list .num p strong {
	color:#fff;
	text-transform:uppercase;
}

.award_imagery {
	width:40%;
	float:right;	
}

.award_imagery img {
	width:100%;	
}

.quote_bottom {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:-1px;
}

.quote_bottom img {
	width:100%;	
}

.quote_box {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	left:7%;
	width:35%;
	z-index:1;
	color:#fff;
}

.quote_box h3 {
	font-size:45px;
	text-transform:uppercase;
	margin:0 0 25px;
}


/************************************************ News Feed ************************************************/

.social_row {
	width:100%;
	float:left;
	margin:0 0 25px;	
}

#instafeed2 {
	width:23%;
	float:left;
	margin-right:2%;
}

.instagram_box {
	width:100%;
	display:inline-block;
	vertical-align:top;
	height:250px;
	background:#000;
	position:relative;
	overflow:hidden;
}

.instagram_box a.fullpic {
	width:100%;
	height:100%;
	position:absolute;
}

.instagram_box img {
	width:100%;
	position: absolute;	
}

#instafeed3,
#instafeed4,
#instafeed5 {
	display:inline;
}

#instafeed3 .instagram_box,
#instafeed4 .instagram_box,
#instafeed5 .instagram_box {
	width:23%;
	margin-right:2%;
	display:inline-block;
	vertical-align:top;
	height:250px;
	background:#000;
	position:relative;
	overflow:hidden;
}

#instafeed3 .instagram_box:nth-child(2n),
#instafeed4 .instagram_box:nth-child(3n) {
	margin-right:0;	
}

a.instagram_icon {
	position:absolute;
	font-size:24px;
	color:#fff;
	right:15px;
	top:15px;
	z-index:1;
}

.instagram_box:hover {
	opacity:.5;	
}

#tweet1,
#tweet2,
#tweet3 {
	float:left;
	width:23%;
	height:250px;
	margin-right:2%;
	padding:20px 2%;
	box-sizing:border-box;
	background-color: #494331;
	background-image: -webkit-linear-gradient(-50deg, #494331 50%, #dfc899 50%);
	position:relative;
	text-align:center;
}

#tweet2 {
	float:left;
	margin-right:2%;
}

#tweet3 {
	float:right;
}

#tweet1 a.linksurround,
#tweet2 a.linksurround,
#tweet3 a.linksurround {
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;	
}

#tweet1:hover,
#tweet2:hover,
#tweet3:hover {
	opacity:0.7;
}

p.tweet {
	color: #fff;
    float: left;
    font-size: 14px;
    line-height: 1.3em;
    padding: 20px 0 20px;
    width: 100%;
	font-family: 'Inknut Antiqua', Georgia, serif;
}

#tweet1 a i,
#tweet2 a i,
#tweet3 a i {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 15px;
}

p.timePosted {
	color:#fff;
	font-size:11px;
	font-family: 'Inknut Antiqua', Georgia, serif;	
}

p.tweet a,
p.timePosted a {
	color:#fff;
	text-decoration:underline;
}

p.tweet a:hover,
p.timePosted a:hover {
	color:#fff;
	text-decoration:none;
}

.twitter_box.last,
.instagram_box.last {
	margin-right:0;	
}

.youtube_video {
	height:300px;
	overflow:hidden;
	width:66%;
	float:left;	
}

.youtube_video iframe {
	width:100%;	
	height:300px;
}


/************************************************ Contact ************************************************/

.contact_left {
	width:40%;
	float:left;
	color:#fff;
}

.contact_left h1 {
	text-transform:uppercase;
	font-size:34px;
}

.distributor {
	width:100%;
	float:left;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px solid #fff;	
}

.distributor p {
	font-size:24px;
	padding:0;
	line-height:1.3em;
}

.distributor p strong {
	text-transform:uppercase;
}

.distributor p span {
	font-size:20px;
}

.distributor a {
	color:#fff;
}

.distributor a:hover {
	text-decoration:underline;
}

.contact_right {
	width:50%;
	float:right;	
}

#form_area {
	width:100%;
	padding:10px 0 0;
	margin:0 0 40px;
	float:left;
	text-align:left;
}

.honey {
	display:none;	
}

.footer_top .form_item {
	width:40%;
	float:left;
	margin-right:2%;
}

.form_item input {
	box-sizing: border-box;
    color: #040507;
    float: left;
    font-size: 16px;
    height: 45px;
    margin: 0 0 30px;
    padding: 12px 0 10px 10px;
    width: 100%;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.form_item label,
.form_item_message label{
   display:block;
   font-size:20px;
   letter-spacing:1px;
   text-transform:uppercase;
   margin:0 0 10px;
   width:100%;
   float:left;
   color:#fff;
   font-weight:bold;
}

.form_item_message textarea {
	font-size: 16px;
	height:120px;
	width:100%;
	padding: 12px 0 10px 10px;
	box-sizing: border-box;
	border:none;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

.form_item label.warning,
.form_item_message label.warning {
	color:#000;	
}

.footer_top .form_submit {
	width:16%;
	float:right;
	text-align:left;
	margin:30px 0 0;
}

.form_submit {
	width:100%;
	float:left;
	text-align:left;
	margin:30px 0 0;
}

.footer_top .submit {
	color:#272105;
	text-transform:uppercase;
	font-weight:normal;
	padding:13px 3%;
	text-align:center;
	border:none;
	margin:0 auto;
	font-size:15px;
	background:#dfc899;
	text-decoration:none;
	cursor:pointer;
	float:right;
	width:100%;
}

.submit {
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 30px;
	border:none;
	margin:0 auto;
	font-size:18px;
	background:#272105;
	text-decoration:none;
	text-align:left;
	cursor:pointer;
}

.submit:hover {
	background:#fff;
	color:#a89257;	
}

.captcha_surround {
	width:100%;
	float:left;
	margin:30px 0 0;	
}

p.red_text {
	color:#000;
	text-align:center;	
}

p.green_text {
	color:#fff;
	text-align:center;	
}

.address {
	width:100%;
	float:left;
	margin:0;	
}

.address p {
	font-size:17px;
}


/************************************************ Bottom Boxes ************************************************/

ul.bottom_boxes {
	width:100%;
	float:left;	
}

ul.bottom_boxes li {
	width:33.33%;
	float:left;
	height:400px;
	position:relative;
	color:#fff;
	background:#272105;
}

ul.bottom_boxes li a {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	background-size:cover!important;
}

ul.bottom_boxes li a span {
	font-size:28px;
	color:#fff;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	font-weight:bold;
	top: 50%;
    transform: translateY(-50%);
	z-index:1;
	line-height:1.3em;
	text-transform:uppercase;
}

ul.bottom_boxes li a:hover {
	opacity:0.5;
}


/************************************************ Footer ************************************************/

.footer_top {
	width:100%;
	float:left;
	padding:30px 3%;
	box-sizing:border-box;
	margin:1px 0;
	background:url(../images/awards-bg.jpg) no-repeat top right #272105;
	background-size:cover!important;
	color:#fff;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

ins {
	text-decoration:none;	
}

.footer_top h4 {
	font-size:26px;
	font-family:'Inknut Antiqua', Georgia, serif;
	text-transform:uppercase;
	padding:0 0 10px;
	margin:0;
}

.footer_top p {
	font-size:20px;
	font-style:italic;
	padding:0;
	line-height:1.3em;
}

.footer_top p.padd {
	padding:0 0 15px;
}

.footer_top a {
	color:#fff;
	text-decoration:underline;
}

.footer_top a:hover {
	color:#fff;
	text-decoration:none;
}

footer {
	width:100%;
	float:left;
	padding:40px 5%;
	background:#272105;
	box-sizing: border-box;
	font-family:'Nunito Sans', Helvetica, Arial, sans-serif;
}

footer p {
	color:#dfc899;
	font-size:17px;
	padding:0 0 15px;
}

footer p.small {
	color:#dfc899;
	font-size:13px;
	padding:0;
}

footer a {
	color:#dfc899;
	font-weight:bold;
}

footer a:hover {
	text-decoration:none;
	color:#fff;
}

.footer_left {
	width:75%;
	float:left;	
}

.footer_right {
	width:25%;
	float:right;
	text-align:right;
}

footer ul.social li {
	display:inline-block;
	vertical-align:top;
	font-size:20px;
	margin:3px 0 0 5px;
	text-align:center;
}

footer ul.social li a {
	background:#dfc899;
	text-decoration:none;
	color:#272105;
	width:28px;
	height:28px;
	border-radius:5px;
	float:left;
	padding:4px 0;
	box-sizing:border-box;
}

footer ul.social li a:hover {
	background:#fff;
	color:#272105;
}

footer ul li {
	display:inline-block;
	vertical-align:top;
	font-size:17px;
	margin:0 20px 10px 0;
	text-transform:uppercase;
}

footer ul li a {
	color:#dfc899;
	text-decoration:none;
}

footer ul li a:hover {
	color:#fff;
	text-decoration:none;
}

footer p.floatnone {
	display:inline-block;
	margin:5px 10px 0 0;
}



/************************************************ Smaller screens ************************************************/

@media only screen and (min-width: 1500px) {

.instagram_box {
	height:350px;
}

#instafeed3 .instagram_box,
#instafeed4 .instagram_box,
#instafeed5 .instagram_box {
	height:350px;
}

#tweet1,
#tweet2,
#tweet3 {
	height:350px;
}

p.tweet {
    font-size: 19px;
}
	
}


@media only screen and (max-width: 1200px) {

nav ul li {
    margin: 0 3% 0 0;
}

nav.left ul li {
    margin: 0 6% 0 0;
}

.range_intro h1 {
    font-size: 28px;
    margin: 0 0 5px;
}

.range_intro p {
    font-size: 15px;
    padding: 0;
}

.awards_text {
    width: 100%;
    float: left;
    margin: 0 0 0px 0;
    text-align: center;
    padding: 0 20%;
    box-sizing: border-box;
}

.awards_text img {
    margin: 0 0 20px;
    width: 30%;
}

.awards_pic {
    width: 80%;
    right: 0;
    position: relative;
    bottom: 0;
    float: right;
}

.quote_box {
    left: 5%;
    width: 42%;
}

.quote_box h3 {
    font-size: 30px;
}

.quote_box p {
    font-size: 20px;
    line-height: 1.3em;
}

#instafeed3 .instagram_box, #instafeed4 .instagram_box, #instafeed5 .instagram_box,
.instagram_box {
	height:300px;	
}

#tweet1, #tweet2, #tweet3 {
	height:300px;	
}

}

@media only screen and (max-width: 1023px) {

.large_pic {
	min-height:638px;
	max-height:638px;
	width:100%;
	float:left;
	background-attachment:inherit;
	background:url(../images/story-bottompic.png) no-repeat top center;
	background-size:cover!important;
}

}

@media only screen and (max-width: 1023px) {
	
.range_top_pic.medium_bg {
	background:url(../images/mediumdry-bg.jpg) no-repeat top center;
}

.range_top_pic.sweet_bg {
	background:url(../images/sweet-bg.jpg) no-repeat top center;
}

.range_top_pic.dry_bg {
	background:url(../images/dry-bg.jpg) no-repeat top center;
}

.range_top_pic.strawberry_bg {
	background:url(../images/strawberry-bg.jpg) no-repeat top center;
}

.range_top_pic.elderflower_bg {
	background:url(../images/elderflower-bg.jpg) no-repeat top center;
}

#awards header, #newsfeed header, #contact header {
    padding: 0 5% 20px;
}

#home header.fixed {
    padding: 0 5% 20px;
}

#logo {
    width: 153px;
    position: relative;
    margin: 20px auto 0;
    left: 0;
    right: 0;
    top: 0;
}
	
.row_inner {
	max-width: 1200px;
	min-width: 0;
	width:100%;
	position:relative;
	margin:0 auto;
}

.bottle_lot.fixed {
    width: 100%;
}

.left_text h1 {
    font-size: 24px;
    margin: 0 0 20px;
}

.large_pic {
    min-height: 200px;
	height:200px;
}

.mission_statement h4 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #dfc899;
}

.range_top_pic {
	padding:250px 0 0;	
}

.range_intro {
    width: 80%;
    position: absolute;
    top: 150px;
    left: 10%;
    z-index: 1;
}

.range_content {
    width: 100%;
    display: block;
    float: left;
}

.range_col {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    padding: 30px 3% 30px 0;
	width:100%!important;
	text-align:center;
}

.range_col img {
   width:50%;
}

.range_col:nth-child(2n) {
	border:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
}

.range_col:nth-child(3n) img {
	width:100%;
}

.row.green, .row.greenlight, .row.blue, .row.red, .row.orange {
	padding:20px 5%;
}

.row.green::after, .row.greenlight::after, .row.blue::after, .row.red::after, .row.orange::after {
	border-width: 20px;	
}

.quote_box h3 {
    font-size: 24px;
	margin:0 0 10px;
}

.quote_box p {
    font-size: 18px;
    line-height: 1.2em;
}

.social_row {
    margin: 0;
}

#instafeed2 {
    width: 48%;
    margin-right: 2%;
}

#instafeed3 .instagram_box, #instafeed4 .instagram_box, #instafeed5 .instagram_box {
    width: 48%;
	margin-bottom:20px;
}

#tweet1, #tweet2, #tweet3 {
    float: left;
    width: 48%;
	margin-bottom:20px;
}

p.tweet {
    font-size: 17px;
    padding: 35px 0 20px;
}

ul.bottles li .text {
    font-size: 13px;
}

ul.bottom_boxes li {
    height: 200px;
}

ul.bottom_boxes li a span {
    font-size: 22px;
}

.footer_right {
    width: 100%;
    float: left;
    text-align: left;
    margin: 20px 0 0;
}


nav,
#home nav {
	display:none;	
}
	
#responsivesurround {
	display:block;
	position:absolute;
	z-index:3;
	right:0;
	top:0;
}

#nav_res {
    float: right;
    padding: 5px 2% 0;
    width: auto;
	display:block;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	text-align:center;
	z-index:9000;
	margin:40px 30% 0 0;
}

#home #nav_res a#menu_text {
	color:#fff;
}

#nav_res a#menu_text {
	float:left;
	padding:5px 10px 5px 8px;
	height:auto;
	margin:0 auto;
	text-decoration:none;
	font-size:24px;
	color:#333;
	text-transform:uppercase;
}

#nav_res a#menu_text .fa {
	margin-left:5px;
}

#nav_res a#menu_text:hover {
	color:#fff;
}

#reslogo {
	width: 200px;
	margin: 30px auto 30px;
	overflow: hidden;
}

#reslogo img {
	width: 100%;
}

#responsive_nav {
	background:rgba(34,34,34,1);
	width:100%;
	padding:20px 0;
	position:fixed;
	margin-top:0;
	z-index:9999999;
	text-align:center;
	height:100%;
	display:none;
	left:0;
	top:0;
}

#responsive_nav ul li {
	list-style:none;
	margin:0;
}

#responsive_nav ul li a {
	float:left;
	color:#fff;
	width:100%;
	padding:10px 4%;
	font-size:18px;
	text-decoration:none;
    box-sizing: border-box;
	margin:0;
}

#responsive_nav ul li a:hover,
#home #responsive_nav ul li a.homenav,
#story #responsive_nav ul li a.storynav,
#newsfeed #responsive_nav ul li a.newsfeednav,
#contact #responsive_nav ul li a.contactnav,
#awards #responsive_nav ul li a.awardsnav,
#range #responsive_nav ul li a.rangenav {
	color:#dfc899;
}

#closebox a {
	color:#fff;
	font-size:20px;
	margin:0 0 10px;
	display:block;
}
	
}



/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 767px) {

.hp_pic {
	height:700px;
	height:100vh;	
}

.row.range.large {
    padding: 120px 5% 80px;
}
	
.writing {
    width: 300px;
}

h1 {
    font-size: 22px;
    margin: 0 0 30px;
}

h2 {
    font-size: 28px;
    margin: 0 0 30px;
}

p {
    font-size: 18px;
	line-height:1.3em;
}

.range_top_pic {
    padding: 313px 0 0;
}

.awards_top {
    padding: 40px 0 0;
}

.top_heading {
    width: 100%;
    float: left;
    margin: 123px 0 0;
}

.row {
    width: 100%;
    float: left;
    padding: 40px 5%;
    box-sizing: border-box;
}

.left_text {
    width: 100%;
    float: left;
    color: #dfc899;
}

.right_text {
    width: 100%;
    float: left;
}

.left_col {
    width: 100%;
    padding-right: 0;
    float: left;
}

.mission_statement h3 {
    font-size: 20px;
    margin: 0 0 10px;
}

.mission_statement h4 {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    color: #dfc899;
}

.sig {
    width: 100%;
    float: right;
    margin: -20px 0 0;
}

.awards_text {
    padding: 0 10%;
}

.awards_text img {
	width:100%;	
}

.award_list {
    width: 100%;
    float: left;
}

.award_col,
.award_col:nth-child(2n) {
    width: 100%;
    float: left;
	margin:0 0 20px 0;
}

.award_imagery {
    width: 100%;
    float: right;
}

.quote_box {
    left: 0;
    width: 100%;
    position: relative;
    padding: 40px 7%;
    box-sizing: border-box;
    top: inherit;
    transform: inherit;
	color:#333;
}

#instafeed2 {
    width: 100%;
    margin-right: 0;
	margin-bottom:20px;
}

#instafeed3 .instagram_box, #instafeed4 .instagram_box, #instafeed5 .instagram_box {
    width: 100%;
	margin-bottom:20px;
}

#tweet1, #tweet2, #tweet3 {
    float: left;
    width: 100%;
	margin-bottom:20px;
}

p.tweet {
    color: #fff;
    float: left;
    font-size: 19px;
    line-height: 1.3em;
    padding: 40px 0 20px;
    width: 100%;
    font-family: 'Inknut Antiqua', Georgia, serif;
}

a.fullrange_btn {
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    z-index: 1;
    bottom: 9px;
    right: 7%;
    color: #fff;
    text-transform: uppercase;
}

.right_arrow {
    position: absolute;
    font-size: 80px;
    color: #fff;
    right: 2%;
    z-index: 1;
    top: 70%;
}

.left_arrow {
    position: absolute;
    font-size: 80px;
    color: #fff;
    left: 2%;
    z-index: 1;
    top: 70%;
}

.contact_left,
.contact_right {
    width: 100%;
    float: left;
    color: #fff;
}

.distributor p {
    font-size: 18px;
    padding: 0;
    line-height: 1.3em;
}

.contact_left h1 {
    text-transform: uppercase;
    font-size: 28px;
}

.row.contact {
    padding: 40px 5% 40px;
}

ul.bottles li {
    font-size: 20px;
    float: left;
    width: 50%;
    margin: 0 0 30px;
}

ul.bottles li .text {
    font-size: 19px;
}

ul.bottom_boxes li {
    width: 100%;
	height:200px;
}

ul.bottles li:nth-child(5n) {
	float:none;
	margin:0 auto;	
}

ul.bottles li img {
    margin: 0 0 20px;
}

ul.bottles.small li:hover .text {
	padding:10px 0 0;
	transition-delay: 0s;
    transition-delay: .15s;
}

.normal_content {
	width:95%;
	margin:0 auto;
}

.normal_content h1 {
    font-size: 36px;
}

.normal_content h2 {
    font-size: 26px;
}

}

@media handheld, only screen and (max-width: 600px) {

.footer_top .form_item {
	width:100%;
	float:left;
	margin-right:0;
}

.footer_top .form_submit {
    width: 100%;
    float: right;
    text-align: left;
    margin: 0;
}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}