@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,600&family=Montserrat:wght@300;400;600;700;800&display=swap'); 

*{
/*	border: 1px solid red */
}

body{
	font-family: 'Montserrat', sans-serif;
    font-family: 'Montserrat', sans-serif;
}

.serif{
    font-family: 'Bodoni Moda', serif;
}

.white{
	color: white !important
}

.bordo{
	color: #3a1a2d !important
}

.grey{
	color: #666 !important
}

.bg-black{
	background: #000;
}

.bg-bordo{
	background: #3a1a2d;
	color: #fff	
}

.bg-grey{
	background: #666666;
	color: #fff
}

.bg-light-grey{
	background:	#E1E1E1;
}

.ls-3{
	letter-spacing: 3px
}

.ls-5{
	letter-spacing: 5px
}

.fw-800{
	font-weight: 800
}

.fs-x4{
	font-size: 4rem
}

.fs-08{
	font-size: .8em
}
.fs-06{
	font-size: .6em
}

.btn-staphyle{
	background: #3a1a2d;
	color: #fff
}

.btn-outline-staphyle{
	border:1px solid  #3a1a2d;
	color: #3a1a2d
}
.btn-outline-staphyle:hover{
	border:1px solid  #999;
	color: #999
}

.btn-staphyle:hover{
	background: #666;
	color: #fff
}


#menu{
	z-index: 2;
	width: 100%
}

.img-back{
	width: 70%;
	aspect-ratio: 1;
	top: 22%;
	left: 15%;
	z-index: -1
}

.img-bottle{
		aspect-ratio: 1/1.05;

}

#visitas{
	background: url('../img/bg-visitas.jpg') no-repeat top center;
	background-size: 100% auto
}