body{
   margin: 0px;
   overflow: auto;
   background-color: #1c1c1c;
} 

#container{position:absolute; min-height:930px; width: 100%;
background-image: url(img/bg-cerodosonce-bebidas.jpg);
background-size:cover;
background-position:center;
}

#logo{
position: relative; margin:auto; top: 25px; 
background-image: url(img/logo-cerodosonce-distribuidora.png);
background-size: 90%;
background-position: center;
background-repeat:no-repeat;
width: 350px; 
height: 150px;
}

#titular{
position: relative; margin:auto; top: 70px; 
background-image: url(img/titular-cerodosonce-bebidas.png);
background-size: 93%;
background-position: center;
background-repeat:no-repeat;
width: 100%;
max-width: 900px; 
height: 150px;
}

#boton-precios{
position: relative; margin:auto; top: 70px; 
background-image: url(img/btn-precios.png);
background-size: 97%;
background-position: center;
background-repeat:no-repeat;
width: 400px; 
cursor:pointer;
height: 100px;
}

#marcas{
position: relative; margin:auto; top: 80px; 
background-image: url(img/marcas-bebidas-mayorista.png);
background-size: 95%;
background-position: center;
background-repeat:no-repeat;
width: 100%; 
max-width: 900px; 
height: 250px;
}

#pedidos{
position: relative; margin:auto; top: 70px; 
background-image: url(img/texto-pedidos-bebidas.png);
background-size: 90%;
background-position: center;
background-repeat:no-repeat;
width: 100%; 
max-width: 900px; 
height: 150px;
z-index: 999;
}

#footer{
position: relative; margin:auto; top:60px; 
background-image: url(img/footer-cerodosonce-bebidas.png);
background-size: 90%;
background-position: center;
background-repeat:no-repeat;
width: 100%; 
max-width: 900px; 
height: 70px;
}

#footer-fb{    position: absolute;
    right: 4%;
    width: 36%;
    height: 50%;
    top: 25%;
}

#pedido-mail{    position: absolute;
    right: 5%;
    width: 45%;
    top: 40%;
    height: 20%;
	}
	
#deco-left{ background-image:url(img/deco-bottom-left.png);
background-size: 100%;
background-position:center bottom;
background-repeat:no-repeat;
width: 220px;
height: 400px;
position:absolute;
left:-20px;
bottom:0px;
pointer-events:none;
opacity: .5;
}


#deco-right{ background-image:url(img/deco-bottom-right.png);
background-size: 100%;
background-position:center bottom;
background-repeat:no-repeat;
width: 220px;
height: 400px;
position:absolute;
right:-20px;
bottom:0px;
pointer-events:none;
opacity: .5;
}

/* ========================================================================== 
QUERIES
========================================================================== */

@media screen and (max-width:650px){
	#container{height: 100%; width: 100%; min-height: 100%;}
	
	#logo{ width: 300px;
	}
	
	#titular{top: 0px; background-size: 95%;
	}
	
	#boton-precios{ top: -30px;     background-size: 90%; width: 350px;
	}
	
	#marcas{top: -80px; background-size: 100%;
	}
	
	#pedidos{    top: -180px;
		
	}
	
	#footer{  top: -250px;  width: 90%; background-size: 172%;
    background-position: left center;
	}
	#footer-fb, #deco-right, #deco-left {display:none;}
}