@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500');

body {
	margin: 0;
	padding: 0;
	font-family: 'Dosis', sans-serif;
}

.elements.swiper-pagination-clickable.swiper-pagination-bullets {
	display: none;
}

.swiper-slide:nth-child(1) {
	background: url('/1.jpg') no-repeat no-repeat center center/cover;
}

.swiper-slide:nth-child(2) {
	background: url('/2.jpg') no-repeat no-repeat center center/cover;
}
	
.swiper-slide:nth-child(3) {
	background: url('/3.jpg') no-repeat no-repeat center center/cover;
}

.swiper-slide:nth-child(1) {
	background: url('/4.jpg') no-repeat no-repeat center center/cover;
}

.swiper-slide:nth-child(1) {
	background: url('/5.jpg') no-repeat no-repeat center center/cover;
}

.swiper-slide:nth-child(1) {
	background: url('/6.jpg') no-repeat no-repeat center center/cover;
}

.swiper-container .swiper-slide {
	height: 100vh;
	background-size: cover;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}

.elements {
	position: fixed;
	bottom: 0;
	display: flex;
	height: 10vh;
	z-index: 100;
}

.elements .swiper-pagination-bullet {
	width: 100%;
	height: 100%;
	border-radius: 0;
	text-align: center;
	line-height: 10vh;
	vertical-align: middle;
	opacity: 1;
	background: whitesmoke;
	box-shadow:2px 2px 2px rgba(0,0,0,0.5);
	font-size: 2em;
}

.elements .swiper-pagination-bullet-active {
	opacity: 1;
	background: springgreen;
	transition: background 3s ease;
}

#restaurant-menu{
	padding:2rem 0;
	background:#f4f4f4;
	/* background: url('/menubg.svg') no-repeat center center/cover; */
}

.offers{
	background: rgb(255, 255, 255) !important;
}

#restaurant-menu .menu-images{
	padding:1.5rem;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#restaurant-menu .menu-images .box{
	width:45%;
	padding:0 0.5rem;
}

#restaurant-menu .menu-images .box img{
	max-width: 100%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.menu-link{
	position: absolute;
	z-index: 999;
	height:100vh;
	width:100vw;
}

.menu-link .menu-content{
	display: flex;
	flex-direction: column;
	height: 90%;
	justify-content: flex-end;
	align-items: center;
}

.menu-link .menu-content div a {
	color:#fff;
	font-size:30px;
	text-decoration: none;
}

.arrow span{
	display: block;
	width: 20px;
	height: 20px;
	border-bottom: 5px solid rgb(250, 250, 250);
	border-right: 5px solid rgb(255, 255, 255);
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}
.arrow span:nth-child(2){
	animation-delay: -0.2s;
}
.arrow span:nth-child(3){
	animation-delay: -0.4s;
}


@keyframes animate {
	0%{
			opacity: 0;
			transform: rotate(45deg) translate(-20px,-20px);
	}
	50%{
			opacity: 1;
	}
	100%{
			opacity: 0;
			transform: rotate(45deg) translate(20px,20px);
	}
}

 
@media only screen and (max-width: 1024px) {
	#restaurant-menu{
		padding:2rem 0;
		background:#f4f4f4;
		/* background: url('/menubg.svg') no-repeat center center/cover; */
	}
	
	#restaurant-menu .menu-images{
		padding:0;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}
	
	#restaurant-menu .menu-images .box{
		width:90%;
	}
	
	#restaurant-menu .menu-images .box img{
		max-width: 100%;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
		margin:1rem 0;
	}

	.menu-link .menu-content{
		display: flex;
		flex-direction: column;
		height: 85%;
		justify-content: flex-end;
		align-items: center;
	}
	
}

@media only screen and (min-width: 2500px) {
	
	#restaurant-menu .menu-images{
		padding:0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	
}

@media only screen and (max-width: 480px) {
	.elements .swiper-pagination-bullet {
		font-size: 1.4em;;
	}
}