html, body {
  margin: 0;
	height: 100%;
	min-height: 100%;
}

body {
	font-family: mr-eaves-modern, Helvetica, sans-serif;
	letter-spacing: 0.01em;
	text-transform: uppercase;

	font-size: clamp(14px, 1.6vw, 22px);
	font-weight: 300;
	background-color: #ca3728;
	color: #06293b;
	/* min-height: 100vh; */
	max-width: 100%;
	overflow: hidden;
}

* {
	box-sizing: border-box;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 500ms;
  transition-property: color, background-color;
}

a {
	text-decoration: none;
	color: currentColor;
}

p {
	margin: 0;
}

.font-bold {
	font-weight: 400;
}

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

.ease-out-expo {
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

a {
	position: relative;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275), cubic-bezier(0.19, 1, 0.22, 1);
	transition-duration: 500ms;
	transition-property: color, transform;
}

/* a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: -3px;
	left: 0px;
	transition-property: opacity, transform;
	transition-duration: 500ms;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
	transform: translateX(12px);
	background-color: currentColor;
} */

a:hover {
	transform: translateX(12px);
}
/* 
a:hover::after {
	transform: translateX(-12px);
	opacity: 1;
} */

/* MOBILE */
._md-logo { display: none; }
.space-mt { margin-top: 8px; }
.space-mt-big { margin-top: 24px; }
._layout {
	width: 100%;
	max-width: 3072px;
	padding: 16px;
	margin: auto;

	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
	height: 100%;
}

._lang-switcher {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
}

/* 
._left-info {

}

._basic-info {

}

._right-info {

}

._anim-ctn {

} */

._mobile-header {
	display: flex;
	justify-content: space-between;
}

._mobile-socials {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 32px;
}

._mobile-logo {

}

._mobile-header-right-links {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}

._menu-reservation {
	display: none;
}

._mobile-menu-reservation {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

._fb-instagram {
	display: none;
}
/* PHONE */
@media only screen and (max-device-width: 415px) {
	.xs-hidden { display: none; }
	._anim { max-height: 400px; }
	p { font-size: 200%; }
}

/* TABLET */
@media only screen and (min-width: 760px) {
	.xs-hidden { display: none; }
	._anim { max-height: 400px; }
}

/* DESKTOP */
@media only screen and (min-width: 1120px) {
	.space-mt { margin-top: 24px; }
	.md-hidden { display: none; }
	._md-logo { display: block; }

	._anim-ctn {
		height: 100%;
		position: relative;
	}

	._anim {
		max-width:1300px;
		max-height: 100%;
		margin: auto;
		cursor: pointer;
	}

	._layout {
		flex-direction: row;
		width: 100%;
		max-height: 100vh;
		height: 100%;
		padding: 36px;
		overflow: hidden;
	}

	._left-info {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-shrink: 0;
	}

	._right-info {
		display: flex;
		flex-direction: column;
		padding: 0 0 0 36px;
		width: 100%;
	}

	._mobile-menu-reservation { display: none; }
	._menu-reservation {
		display: flex;
		justify-content: space-around;
		width: 100%;
	}
	
	._fb-instagram {
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}

	._mobile-header {
		display: none;
	}

	._lang-switcher {
		top: 0; right: 0;
	}
}

@font-face {
    font-family: 'Satoshi-Medium'; /*a name to be used later*/
    src: url('Satoshi-Medium.ttf'); /*URL to font*/
}