html {
	height:100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	position: relative;
	color: #000000;
	font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.maxWidth {
    max-width: 980px;
    margin: 0 auto;
    padding: 0px 37px;
}

.PR {
	position:relative;
}
.TC {
	text-align:center
}
.TL {
	text-align:left
}
.TR {
	text-align:right
}
.TU {
	text-transform: uppercase;
}
.MA {
	margin:0 auto
}
.width50 {
	width:50%;
}
.width75 {
	width:75%;
}
.width25 {
	width:25%;
}

.width49 {
	width:49%;
}

h1, h2, h3, h4, h5, h6 {
	padding: 3px 0;
	margin: 0;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
}

div {
	display:block;
}

a, button {
	cursor:pointer;
}

a {
    text-decoration: none;
    color: #8fd4c9;
}
img, svg {
	vertical-align: middle;
}

.round3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a:focus {
    outline: none;
}

img {
	border: none;
}

strong {
	font-weight: bold;
}
.clr {
	clear : both;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}
	#content {
    background: url(/images/background.jpg) center top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 874px;
}
#content .maxWidth{
   height: 1024px;
   padding:0 70px;
}

div#badge {
    position: absolute;
    bottom: -134px;
    left: -172px;
    object-fit: contain;
    opacity: 0.2;
}

div#block-text {
    padding: 112px 0 0;
}
.social img {
    margin: 20px 15px 0 0;
}

div#bottle {
    position: absolute;
    top: 84px;
    right: 0;
}

div#sub_text {
    position: absolute;
    bottom: 30px;
    left: 55px;
}
@media screen and (min-width: 1280px) {

}	

@media screen and (max-width: 1280px) {
	
}


@media screen and (max-width: 1100px) {
	
}



@media screen and (max-width: 1000px) {
	
	
}

@media screen and (min-width: 980px) {
 
	
}

@media screen and (max-width: 980px) {
	
}
@media screen and (max-width: 940px) {
		
}

@media screen and (max-width: 960px) {
	
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 850px) {
#content {
    background: url(/images/background.jpg) 43% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 793px;
}
#content .maxWidth{
   height: 975px;
   overflow: hidden;
   padding:0 70px;
}
div#badge {
    position: absolute;
    bottom: -147px;
    left: -75px;
    object-fit: contain;
    opacity: 0.2;
}

div#block-text {
    padding: 55px 0 0;
}
.block-text-img img{
    width:371px
}

div#bottle {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 15px;
}
div#bottle img {
    width: 371px;
}

div#sub_text {
    position: absolute;
    bottom: 58px;
    left: 70px;
}
div#sub_text img {
    width:271px
}
}
@media screen and (max-width: 840px) {
	
}
@media screen and (max-width: 800px) {
 	}


@media screen and (max-width: 724px) {
	
		
}

@media screen and (max-width: 700px) {
	#content {
    background: url(/images/background.jpg) 45% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 692px;
}
#content .maxWidth{
   height: 850px;
   overflow: hidden;
   padding:0 70px;
}
div#badge {
    position: absolute;
    bottom: -55px;
    left: -75px;
    object-fit: contain;
    opacity: 0.2;
}

div#block-text {
    padding: 55px 0 0;
}
.block-text-img img{
    width: 310px;
}

div#bottle {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 10px;
}
div#bottle img {
    width: 330px;
}

div#sub_text {
    position: absolute;
    bottom: 57px;
    left: 70px;
}
div#sub_text img {
    width: 222px;
}
}
@media screen and (max-width: 600px) {
		#content {
    background: url(/images/background.jpg) 45% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 692px;
}
#content .maxWidth{
   height: auto;
   overflow: hidden;
   padding:0 70px;
}
div#badge {
    position: absolute;
    bottom: -231px;
    left: auto;
    object-fit: contain;
    opacity: 0.2;
    right: 137px;
}
div#badge img{
    width:600px
}

div#block-text {
    padding: 55px 0 0;
}
.block-text-img img{
    width: 310px;
}
.block-text-img {
    float: left;
}
.social {
    float: left;
    padding: 44px 0 0 20px;
}
.social a {
    display: block;
}
.social img {
    margin: 0 0px 20px 0;
}
div#bottle {
    position: initial;
    top: auto;
    text-align: center;
    position: relative;
    bottom: auto;
    left: auto;
}
div#bottle img {
    width: 330px;
}
div#sub_text {
    position: initial;
    bottom: 57px;
    left: 70px;
    text-align: center;
    padding-bottom: 40px;
}
div#sub_text img {
    width: 222px;
}		
}


@media screen and (max-width: 590px) {
}

@media screen and (max-width: 524px) {
#content {
    background: url(/images/background.jpg) 45% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 622px;
}
#content .maxWidth {
    height: auto;
    overflow: hidden;
    padding: 0 40px;
}
div#badge {
    position: absolute;
    bottom: -231px;
    left: auto;
    object-fit: contain;
    opacity: 0.2;
    right: 20%;
}
div#badge img{
    width:600px
}

div#block-text {
    padding: 55px 0 0;
}
.block-text-img img{
    width: 310px;
}

div#bottle {
    position: initial;
    top: auto;
    text-align: center;
    position: relative;
    bottom: auto;
    left: auto;
}
div#bottle img {
    width: 330px;
}

div#sub_text {
    position: initial;
    bottom: 57px;
    left: 70px;
    text-align: center;
}
div#sub_text img {
    width: 222px;
}	
	
	
}

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

}
@media screen and (max-width: 450px) {
	#content {
    background: url(/images/background.jpg) 45% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 500px;
}
	.block-text-img img {
	    width: 231px;
	}
	.social {
	    float: left;
	    padding: 10px 0 0 15px;
	}
	div#bottle img {
	    width: 271px;
	    margin: 0 -20px;
	}
	div#sub_text img {
	    width: 190px;
	}	
}

@media screen and (max-width: 400px) {
		
}

@media screen and (max-width: 370px) {
	#content {
    background: url(/images/background.jpg) 45% top no-repeat;
    background-repeat: no-repeat;
    background-size: auto 554px;
}
	.social {
	    float: left;
	    padding: 20px 0 0;
	}
	.social a {
	    display: inline-block;
	}
	.social img {
	    margin: 0 15px 0 0;
	}
}