html, body
{
    height: 100%;
    width:100%
}
body{
  position:relative;
  min-height:100%;
}
#wrapper{
  width:100%;
  height:100%;
  background: url( img/bg-grid.png ) 50% 0 repeat-y;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:100;
}
#gradient{
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  z-index:1;
}
#gradient div{
  position:absolute;
  height:100%;
  width:100%;
  background-repeat: repeat-x;
}

#logo{
  display:block;
  width:40%;
  margin:0 auto 120px;
  padding:60px 0 0 0;
  text-align:center;
}
#logo img{
  width:100%;
}

#bottles{
  float:left;
  width:35%;
  padding-left:15%;
}
#bottles img{
  width:100%;
}

#content{
  float:left;
  width:30%;
  padding:0 10% 0 3%;
}
#content p{
  font-family: "din-condensed-web", sans-serif;
  font-size:22px;
  color:#515151;
  padding:20px 0 10% 0;
  text-align:left;
}
#content img{
  width:100%;
}
#content a{
  width:50%;
  /*margin:30px 0 0 0;*/
}
#content a img{
}

#wrapper span{
  display:block;
  clear:left;
}




/******RWD***************/

/*@media (max-width: 1130px) {*/
@media (max-width: 800px) {
  #logo{
    margin:0 auto 30px;
  }
  #bottles{
    display:block;
    float:none;
    width:90%;
    padding:0;
    margin:0 auto;
  }
  #bottles img{
    width:70%;
    margin:0 auto;
    padding:0;
  }
  #content{
    float:none;
    width:90%;
    padding:0;
    margin:0 auto;
  }
  #content p{
    width:60%;
    margin:0 auto;
    padding:15px 0;
  }
  #content a img{
    width:40%;
    margin:15px 0 60px 0;
  }
}