*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
    color: beige;
	font-family: Montserrat, sans-serif;
	line-height: 1.5em;
}


body{
	/*background-color: rgb(2, 2, 3);*/
	min-height: 100vh;
}

.storia_bg{
	background: linear-gradient(43deg, rgb(20, 20, 20) 0%, rgb(9, 11, 17) 28%, rgb(20, 20, 19) 55%, rgba(24,3,1,1) 80%);
}

.eventi_bg{
	background: linear-gradient(43deg, rgb(255, 238, 155) 0%, rgb(165, 141, 62) 18%, rgb(112, 84, 24) 55%, rgb(187, 166, 96) 80%);
}

.capodanno_bg,.contatto_bg,.orari_e_posizione_bg{
	background: linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(29,4,3,1) 28%, rgba(98,42,9,1) 55%, rgba(24,3,1,1) 80%);
}


.wrapper{
	width: 100vw;
	overflow: hidden;
}

.flex{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.img_frame{
	height: 50vh;
}


.img_in_text{
	position: relative;
	z-index: -5;
	height: 130%;
	transform: translateY(-15%);
	-webkit-mask-image:
	linear-gradient(
		180deg,
		rgba(0,0,0,0) 1%,
		rgba(0,0,0,1) 40%,
		rgba(0,0,0,1) 60%,
		rgba(0, 0, 0, 0) 99%
		);
		mask-image: 
		linear-gradient(
		180deg,
		rgba(0,0,0,0) 1%,
		rgba(0,0,0,1) 40%,
		rgba(0,0,0,1) 60%,
		rgba(0, 0, 0, 0) 99%
	);
}
		
.hero_img{
	transform: translateY(0px);
	-webkit-mask-image:
	linear-gradient(
		180deg,
		rgba(0,0,0,1) 0%,
		rgba(0,0,0,1) 60%,
		rgba(0,0,0,0.1) 80%,
		rgba(0, 0, 0, 0) 99%
	);
	mask-image: 
		linear-gradient(
		180deg,
		rgba(0,0,0,1) 0%,
		rgba(0,0,0,1) 60%,
		rgba(0,0,0,0.1) 80%,
		rgba(0, 0, 0, 0) 99%
	);
}

.text_container{
	width: 100%;
	max-width: 600px;
	z-index: 10;
	padding: 0rem 1rem;
}

.text_container > * {
	max-width: 800px;
	padding: 1.5rem;
	z-index: 10;
}

.text_container > h3 {
	padding-bottom: 0rem;
}

.menu{
	border: 2px solid beige;
	width: min(90vw,600px);
	padding: 1rem;
}

.menu > * {
	padding: 1rem 1rem;
}

.separation_line{
	background-color: beige;
	width: 60%;
	max-width: 180px;
	height: 1px;
	padding: 0;
	margin: 2rem;
}