html {
  scroll-behavior: smooth;
}

/************************************************ Background ************************************************/
body {
	background: url("../images/bg.jpg") no-repeat center #eee6db;
	background-size: cover!important;
}

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

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

body, select, input, textarea {
	font-size:62.5%;
	font-family: stolzl, Arial, Helvetica, sans-serif;
	color:#000;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

h1 {
	font-size:30px;	
}

h2 {
	font-size:28px;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:24px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:16px;
	line-height:1.5em;
	padding:0 0 15px;
}

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

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

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;	
}

strong {
	font-weight:500;	
}

em {
	font-style:italic;	
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
 }

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


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

.container {
	width:100%;
	float: left;
}
.logo {
	width:25%;
	margin: 5% auto 30px;
}
.bottles {
	width:50%;
	margin: 0 auto 5%;
}


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

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

.logo {
	width:50%;
	margin: 5% auto 30px;
}
.bottles {
	width:90%;
	margin: 0 auto 5%;
}
	
}



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

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

.logo {
	width:25%;
	margin: 5% auto 30px;
}
.bottles {
	width:50%;
	margin: 0 auto 5%;
}

}

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

body {
	background-size: 100%!important;
}	
	
.logo {
	width:70%;
	margin: 5% auto 30px;
}
.bottles {
	width:100%;
	margin: 0 auto 5%;
}
	
}

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

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


}