body{
	margin: 0;
	background: #f8f184;
}
.header{
	background: linear-gradient(#ff7077 0%, #f8f184 60%, #f8f184 100%);
	text-align: center;
	border-bottom: 7px solid #686abe;
}
.logo{	
	margin-top: 50px;
	width: 80%;
	max-width: 950px;
}
.social{
	margin: 35px auto;
	width: 86%;
	max-width: 1100px;
	display: flex;
	justify-content: space-between;
}
.followus{
	width: 70%;
	max-width: 430px;
	height: 87px;	
	background: url(../images/followus.png) no-repeat center;
	background-size: contain;
}
.arrow-social{
	width: 230px;
	height: 87px;	
	background: url(../images/arrow-social.png) no-repeat center;
	background-size: contain;
}
.social-icons{display: flex; align-items: center;}
.social-icons img{margin: 0 20px;}
.banner{
	display: flex;	
	align-items: center;
	height: 42vw;
	max-height: 695px;
	background: url(../images/banner.jpg) no-repeat top center;
	background-size: contain;
}
.bookus1{margin: 0 auto;width: 22%;}
.bookus1 img{width: 100%;max-width: 356px;}
.play-top{
	position: relative;
	top: -36px;
	height: 37px;
	background: url(../images/play-top.png) no-repeat bottom;	
	background-size: contain;
}
.play-block{max-width: 1620px;margin: -80px auto -50px;}
.playwithus{margin-left: 90px;width: 47%;max-width: 760px;}
.arrow-play{width: 18%;max-width: 280px;position: relative;top: 140px;left: 40px;z-index: 999;}
.play-bottom{
	position: relative;
	bottom: -67px;
	height: 73px;
	background: url(../images/play-bottom.png) no-repeat;
	background-size: contain;
	z-index: 900;
}
#thegame{	
	line-height: 0;
	text-align: center;
	background: linear-gradient(#7becf6 0%, #f8f184 62%, #bcf67b 100%);
	border-bottom: 7px solid #686abe;
}
#thegame canvas{
	width: 100%;
	max-width: 1600px;
	max-height: 500px;
	background: transparent;
}
.main-menu{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.main-menu div{flex: auto;margin: 50px 25px;}
.ourstory{
	display: block;	
	margin: 0 auto;
	width: 244px;
	height: 83px;
	background: url(../images/ourstory.png) no-repeat;
}
.bookus2{
	display: block;
	margin: 0 auto;
	width: 213px;
	height: 84px;
	background: url(../images/bookus2.png) no-repeat;
}
.showcalendar{
	display: block;
	margin: 0 auto;
	width: 350px;
	height: 95px;
	background: url(../images/showcalendar.png) no-repeat;
}
.ourmusic{
	display: block;
	margin: 0 auto;
	width: 241px;
	height: 83px;
	background: url(../images/ourmusic.png) no-repeat;
}
.footer{
	background: linear-gradient(#f8f184 0%, #f8f184 50%, #ff7077 100%);
}
.contact{
	display: flex;
	flex-wrap: wrap;
	max-width: 1160px;
	margin: 0 auto;	
}
.contact > div{
	background: red;
	width: calc(100% - 35px);
	margin: 17px;
	background: #8aece9;
}
.contact .name, .contact .email{width: calc(50% - 35px);}
.contact > div > input, 
.contact > div > textarea{
	margin: 35px;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: 600;
	width: calc(100% - 70px);
	border: none;
	background: transparent;
}
.contact > div > input:focus, 
.contact > div > textarea:focus{
	outline: none;
}
.contact > div > textarea{height: 200px;}
.contact > div > input::placeholder, 
.contact > div > textarea::placeholder{color: #000;}
.copyright{
	margin-top: 60px;
	height: 110px;
	text-align: center;
}
.copyright img{width: 80%;max-width: 830px;}