@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.font-custom {
    font-family: 'Playfair', serif;
}

.font-menu {
	font-size: 1.5rem;
	font-weight: 700;
    font-family: 'Amatic SC', cursive;
	padding-bottom: 0.5rem;
}

.vl {
    margin-left: 50%;
    border-left: 1px solid rgb(205,176,131);
    height: 75px;
}

.bbb {
    border: solid red 1px;
}

.gold-text {
	color: #B69953;
}

.arrow {
    border-color:transparent;
    border-style:solid;
    border-width: 0 2em;
    display:block;
    height:0;
    margin: 1em auto;
    opacity:0.4;
    text-indent:-9999px;
    transform-origin: 50% 50%;
    width:0;
  }
  
  .down {
    -webkit-animation: downarrow 0.6s infinite alternate ease-in-out;
    border-top: 2em solid #B69953;
  }

  @-webkit-keyframes downarrow {
    0% { -webkit-transform: translateY(0); opacity: 0.4 }
    100% { -webkit-transform: translateY(0.4em); opacity: 0.9 }
  }



/* galeria */
.grid-container {
	position: relative;
	overflow: hidden;
}

.masonry-thumbs {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -2px;
}

.masonry-thumbs .grid-item {
	display: block;
	position: relative;
	width: 25%;
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 2px;
	padding-top: 0;
}

/* .masonry-gap-0 {
	margin: 0;
}

.masonry-gap-0 .grid-item {
	padding: 0;
}

.masonry-gap-lg {
	margin-left: -3px;
	margin-right: -3px;
	margin-bottom: -6px;
}

.masonry-gap-lg .grid-item {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
}

.masonry-gap-xl {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: -10px;
}

.masonry-gap-xl .grid-item {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
} */

.grid-item > img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

/* .grid-1 > .grid-item {
	width: 100%;
}

.grid-2 > .grid-item {
	width: 50%;
}

.grid-3 > .grid-item {
	width: 33.333333%;
}

.grid-4 > .grid-item {
	width: 25%;
} */

.grid-5 > .grid-item {
	width: 20%;
}

/* .grid-6 > .grid-item {
	width: 16.666667%;
}

.grid-8 > .grid-item {
	width: 12.50%;
}

.grid-10 > .grid-item {
	width: 10%;
}

.grid-12 > .grid-item {
	width: 8.333333%;
} */

@media (min-width: 576px) {
	.grid-sm-1 > .grid-item {
		width: 100%;
	}

	.grid-sm-2 > .grid-item {
		width: 50%;
	}

	.grid-sm-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-sm-4 > .grid-item {
		width: 25%;
	}

	.grid-sm-5 > .grid-item {
		width: 20%;
	}

	.grid-sm-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-sm-8 > .grid-item {
		width: 12.50%;
	}

	.grid-sm-10 > .grid-item {
		width: 10%;
	}

	.grid-sm-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 768px) {
	.grid-md-1 > .grid-item {
		width: 100%;
	}

	.grid-md-2 > .grid-item {
		width: 50%;
	}

	.grid-md-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-md-4 > .grid-item {
		width: 25%;
	}

	.grid-md-5 > .grid-item {
		width: 20%;
	}

	.grid-md-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-md-8 > .grid-item {
		width: 12.50%;
	}

	.grid-md-10 > .grid-item {
		width: 10%;
	}

	.grid-md-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 992px) {
	.grid-lg-1 > .grid-item {
		width: 100%;
	}

	.grid-lg-2 > .grid-item {
		width: 50%;
	}

	.grid-lg-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-lg-4 > .grid-item {
		width: 25%;
	}

	.grid-lg-5 > .grid-item {
		width: 20%;
	}

	.grid-lg-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-lg-8 > .grid-item {
		width: 12.50%;
	}

	.grid-lg-10 > .grid-item {
		width: 10%;
	}

	.grid-lg-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 1200px) {
	.grid-xl-1 > .grid-item {
		width: 100%;
	}

	.grid-xl-2 > .grid-item {
		width: 50%;
	}

	.grid-xl-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-xl-4 > .grid-item {
		width: 25%;
	}

	.grid-xl-5 > .grid-item {
		width: 20%;
	}

	.grid-xl-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-xl-8 > .grid-item {
		width: 12.50%;
	}

	.grid-xl-10 > .grid-item {
		width: 10%;
	}

	.grid-xl-12 > .grid-item {
		width: 8.333333%;
	}
}

@media (min-width: 1400px) {
	.grid-xxl-1 > .grid-item {
		width: 100%;
	}

	.grid-xxl-2 > .grid-item {
		width: 50%;
	}

	.grid-xxl-3 > .grid-item {
		width: 33.333333%;
	}

	.grid-xxl-4 > .grid-item {
		width: 25%;
	}

	.grid-xxl-5 > .grid-item {
		width: 20%;
	}

	.grid-xxl-6 > .grid-item {
		width: 16.666667%;
	}

	.grid-xxl-8 > .grid-item {
		width: 12.50%;
	}

	.grid-xxl-10 > .grid-item {
		width: 10%;
	}

	.grid-xxl-12 > .grid-item {
		width: 8.333333%;
	}
}