body {
	    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	    margin: 0;
	    box-sizing: border-box;
	    font-size: 16px;
	    line-height: 1;
	    zoom: 1;
	}
	/* Fixed header and footer.
	* --------------------------------------- */

	#header, #footer {
	    position: fixed;
	    height: 50px;
	    display: block;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.75);
	    z-index: 9;
	    text-align: center;
	    color: #f2f2f2;
	    padding: 10px 0;
	    font-weight: 100;
	    display: none;
	}
	#header {
	    top: 0px;
	    height: 30px;
	}
	#footer {
	    bottom: 0px;
	}
	#header .nav {
	    float: right;
	}
	.nav ul {
	    display: inline;
	    padding-right: 50px;
	}
	.nav li {
	    list-style-type: none;
	    display: inline-block;
	}
	.nav li a {
	    color: white;
	    line-height: 30px;
	    text-decoration: none;
	    padding: 0 10px;
	    height: 30px;
	    display: inline-block;
	    position: relative;
	    transition: all 0.2s ease-in-out;
	}
	.nav li a:before, .nav li a:after {
	    content: "";
	    position: absolute;
	    bottom: -5px;
	    width: 0px;
	    height: 1px;
	    margin: 1px 0 0;
	    transition: all 0.2s ease-in-out;
	    transition-duration: 0.45s;
	    opacity: 0;
	}
	.nav li a:before {
	    left: 0;
	    background-color: white;
	}
	.nav li a:after {
	    right: 0;
	    background-color: white;
	}
	.nav li a:hover:before, .nav li.active a:before {
	    width: 50%;
	    opacity: 1;
	}
	.nav li a:hover:after, .nav li.active a:after {
	    width: 50%;
	    opacity: 1;
	}
	/* Style for our header texts
	* --------------------------------------- */

	h1 {
	    font-size: 5em;
	    color: #fff;
	    margin: 0;
	    padding: 0;
	}
	/* Centered texts in each section
	* --------------------------------------- */

	.section {
	    text-align: center;
	    overflow: hidden;
	}
	.section p {
	    font-size: 22px;
	    line-height: 1.6em;
	    max-width: 98%;
	    margin: 25px 0;
	    font-weight: 200;
	    padding: 10px 20px;
	    color: #2a2a2a;
	    text-align: left;
	}
	
	.section img {
	    max-width: 100%;
	}
	.section img.full_width {
	    max-width: 100%;
	}
	.section img.underlay {
	    max-width: 100%;
	}
	.col {
	    display: table;
	    float: none;
	    height: 100%;
	}
	.col-3{
		width: 25%;
	}
	.col-4 {
	    width: 33.3%;
	}
	.col-5 {
	    width: 41.66%;
	}
	.col-6 {
	    width: 50%;
	    float: left;
	}
	.col-7{
		width: 58.3%;
	}
	.col-8 {
	    width: 66.6%;
	}
	.col-9 {
	    width: 75%;
	}
	.col-12{
		width: 100%;
	}
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-7,
	.col-8,
	.col-9,
	.col-12{
		float: left;
		position: relative;
		display: block;
	}
	.left {
	    float: left;
	}
	.align-right {
	    text-align: right;
	}
	.align-center, p.align-center {
	    text-align: center;
	}
	#myVideo {
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background-size: 100% 100%;
	    background-color: black;
	    /* in case the video doesn't fit the whole page*/
	    background-image:
	    /* our video */
	    ;
	    background-position: center center;
	    background-size: contain;
	    object-fit: contain;
	    /*cover video background */
	    z-index: 3;
	}
	.video_container {
	    max-width: ;
	}
	.content p {
	    max-width: 75%;
	    margin: 20px auto;
	}
	p.narrow{
		max-width: 60%;
	}
	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */

	#section0 {
	    background: url(../img/hero3.jpg) no-repeat center center;
	    background-size: cover;
	}
	#section8 .bg{
		 background: url(../img/casa_maestri_portrait.jpg) no-repeat center center;
		 background-size: cover;
	}
	/*#section8 {
	    background: url(../img/distillery.jpg) no-repeat center center;
	    background-size: cover;
	}	#section8 p{
		color: white;
	}
*/
	
	.bg {
		background-size: contain;
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    background-repeat: no-repeat;
	}
	.mobile_only{
		display:none;
	}
	#section1 .bg {
	    background: url(../img/test.jpg);
	    background-position: center center;
	}
	#section2 .bg {
	    background-image: url(../img/bottle_leather.jpg);
	    background-position: 115% 80%;
		background-size: 125%;
	}
	#section9 .bg {
	    background-image: url(../img/elana.jpg);
	    background-position: center center;
	    background-size: cover;
	}
	.offset-4 {
	    margin-left: 33%;
	    padding: 0 5%;
	    width: 56%;
	}
	.offset-5 {
	    margin-left: 41.66%;
	    padding: 0 5%;
	    width: 48.33%;
	}
	#section0 .layer {
	    /*
		* Preventing flicker on some browsers
		* See http://stackoverflow.com/a/36671466/1081396  or issue #183
		*/
	    -webkit-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	}
	#section0 .layer img {
	    clear: both;
	    display: block;
	    margin: 0 auto 40px auto;
	}
	.layer img {
	    max-width: 100%;
	}
	img.main_logo {
	    max-width: 540px;
	}
	img.hero_bottle {
	    max-height: 380px;
	}
	img.tagline {
	    max-width: 350px;
	}
	/*solves problem with overflowing video in Mac with Chrome */

	#section0 {
	    overflow: hidden;
	}
	.content {
	    padding: 5% 2.5%;
	}
	.bottle_page {
	    padding: 7% 2% 2.5%;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 100%;
	}
	.bottle_page>div {
	    float: left;
	}
	.bottle_page .title {
	    width: 20%;
	    text-align: right;
	    padding-top: 5%;
	}
	.bottle_page .heroshot {
	    width: 27%;
	}
	.bottle_page .title img {
	    max-width: 90%;
	}
	.bottle_page .heroshot img {
	    max-width: 80%;
	}
	.bottle_page .description {
	    text-align: left;
	    font-weight: 100;
	    padding: 30px 20px;
	    font-size: 22px;
	    line-height: 1.6em;
	    color: #333;
	    letter-spacing: 1px;
	    max-width: 47%;
	}

	.bottle_page .description p {
	    color: black;
	}
	.table {
	    display: table;
	    width: 100%;
	    height: 100%;
	}
	.cell {
	    width: 100%;
	    height: 100%;
	    display: table-cell;
	    float: none;
	    vertical-align: middle;
	}
	/* Bottom menu
	* --------------------------------------- */

	#infoMenu li a {
	    color: #fff;
	}
	/* Hiding video controls
	* See: https://css-tricks.com/custom-controls-in-html5-video-full-screen/
	* --------------------------------------- */

	video::-webkit-media-controls {
	    display: none !important;
	}
	.js div#preloader {
	    position: fixed;
	    left: 0;
	    top: 0;
	    z-index: 999;
	    width: 100%;
	    height: 100%;
	    overflow: visible;
	    background: #081010 url('../img/preloader.gif') no-repeat center center;
	}
	img.contact-bottle{
	    	max-width: 244px;
			position: absolute;
			top: 10px;
			right: 20%;
	    }
	@media only screen and (max-width: 1024px) {
	    #header, #footer {
	        position: relative;
	        float: left;
	    }
	    #header {
	        display: none;
	    }
	    #section0 img {
	        max-width: 90%;
	        margin: 0 auto;
	    }
	    #section0 .layer img {
	        margin: 20px auto;
	    }
	    #section0 .layer img.tagline {
	        max-width: 80%;
	        margin-bottom: 30px;
	    }
	    #section1 .bg, #section1 .bottle_page,
	     #section8 .bg, #section8 .bottle_page{
	    	padding-top: 0;
	    	margin-top: 0;
	    }
	    #myVideo {
	        height: auto;
	        top: 50%;
	        padding: 20% 0;
	        position: relative;
	    }
	    .col.bg {
			height: auto;
			background-image: none;
			display: block;
			position: relative;
			float: left;
			margin: 15px -10px; 
			width: calc(100% + 20px);
	    }
	    .mobile_only{
			display: block;
		}
	    .bottle_page {
	        position: relative;
	        box-sizing: border-box;
	    }
	    .bottle_page .title, .bottle_page .heroshot, .bottle_page .description {
	        float: left;
	        max-width: 100%;
	        width: 100%;
	        padding: 10px;
	        box-sizing: border-box;
	    }
	    .bottle_page .title {
	        text-align: center;
	    }
	    .bottle_page .heroshot img {
	        width: 300px;
	    }
	    .bottle_page .description {
	        font-size: 16px;
	        font-weight: 300;
	    }
	    #section0 {
	        overflow: scroll;
	    }
	    .section, .holder {
	        display: block;
	        float: left;
	        position: relative;
	        height: 90%;
	        width: 100%;
	        overflow-y: scroll;
	    }
	    .layer {
	        position: relative!important;
	    }
	    .col {
	        width: 100%;
	        display: block;
	        text-align: center;
	    }
	    .col p, .bottle_page .description p {
	        margin: 20px auto;
	        font-size: 18px;
	        font-weight: 200;
	    }
	    .col p {
	        padding: 0 20px;
	    }
	    .offset-4, .offset-5{
	    	margin-left:0;
	    	padding:0;
	    }
	    .bottle_page .description p {
	        padding: 0 10px;
	    }
	    .content {
	        padding: 15% 5%;
	        text-anchor: left;
	    }
	    .section img.underlay {
	        max-width: 75%;
	        margin: 30px;
	    }
	    .contact img{
	    	width: 80% !important;
	    }
	 
	    p.narrow{
	    	max-width: 75%;
	    }
	    img.contact-bottle{
	    	position: relative;
	    	right: unset;
	    	top: unset;
	    	margin: 20px auto;
	    }
	}
	#footer {
	    background: url(../img/footer.jpg) no-repeat center center;
	    background-size: cover;
	    height: 50px;
	    padding: 0;
	}
	.footer_logo {
	    float: left;
	    padding: 4px 0 0px 3%;
	    max-height: 85%;
	}
	a{
		color: #2a2a2a;
		text-decoration: none;
	}
	.contact p{
		margin: 10px;
		font-size: 15px;
	}
	.contact span{
		font-size: 16px;
		font-weight: 400;
	}
	.contact a{
		text-decoration: underline;
	}
	.contact a:hover{
		color: #454545;
	}