@charset "utf-8";
/* CSS Document */

/* NOTA: DE 1169px en adelante se ve perfecta sin media queries. */


@media (min-width:290px) and (max-width: 480px)  {

	.fondo_dis{background-repeat:no-repeat; background-size:cover; background-position:center;}
	
header div div.left {
	padding-top: 50px;
}
header .right img {
    width: 30% !important; float:left; margin-top:40px
}

.item3{width:100%; position:relative; margin:auto; text-align:center}
.item3 img{margin-top:40px; width:100%}
#caso1, #caso2, #caso3  {
  
    height: 750px;
  margin-bottom:30px
}
section#cocktails div div.right h2{margin-left:0px}
section#cocktails div div.right {
    text-align: left;
}
section#cocktails div div.right ul {
    margin: 0px;
    padding: 0px 20px !important;
}

section#cocktails div div.right img {
	padding-top: 10px;
	text-align: left;
}
.customNavigation3{width:150px; margin:auto; position:relative; left:26%}
.customNavigation2{width:150px; float:none; left:27%; text-align:center; position:relative; margin-top:40px}
section#history, section#follow div:nth-child(2), section#follow div:last-child, footer{background-attachment:scroll !important}

section#follow div:nth-child(2) {
	background-image: url(../images/img_feed_fb.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
	padding-bottom: 50px;
	
}
section#follow div:last-child {
	background-image: url(../images/img_feed_insta.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.clients2{margin-top:30px; position:relative;}
section#cocktails div div.right {
    padding-top: 10px;
    text-align: left;
}
	
	}