:root{
    --main-color:#d3ad7f;
    --black:#003380;
    --bg:#fff;
    --border:.1rem solid rgba(255,255,255,.3);
}



*{
    font-family: 'Roboto', sans-serif;
    margin:0; padding:0;
    box-sizing: border-box;
    outline: none; border:none;
    text-decoration: none;
    text-transform: capitalize;
    transition: .2s linear;
}

body{
    background: var(--bg);
	
}


.header{
	height:100px;
	width:100%;
	position:relative;
	background-color:#001a33;
}

nav{
	display:flex;
	padding:2px 6px;
	justify-content:space-between;
	align-items:center;
}

nav img{
	/* width:150px; */
	height: 7rem;
}

.nav-links{
	flex:1;
	text-align: center;
}

.nav-links ul li{
	list-style:none;
	display:inline-block;
	padding: 8px 12px;
	position:relative;
}

.nav-links ul li a{
	color:#fff;
	text-decoration: none;
	font-size:20px;
	
}
.nav-links ul li::after{
	content:'';
	width:0%;
	height:2px;
	background:#f44336;
	display:block;
	margin:auto;
	transition:0.5s;
}
.nav-links ul li:hover::after{
	width:100%;
}





nav .fas{
	display:none;
}

@media(max-width:700px){
	.nav-links ul li{
		display:block;
	}
	.nav-links{
		position:absolute;
		background:#001a33;
		height:100vh;
		width:200px;
		top:0;
		right:-200px;
		text-align:left;
		z-index:2;
		transition:1s;
	}
	
	nav .fas{
		display:block;
		color:#fff;
		margin:10px;
		font-size:22px;
		cursor:pointer;
	}
	.nav-links ul{
		padding:30px;
	}
}


.home{
	padding-top:120px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:url(../images/christmasbanner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
	width:100%;
}

.home .content{
    max-width: 60rem;
}

.home .content h3{
    font-size: 6rem;
    text-transform: uppercase;
    color:#fff;
}

.home .content p{
    font-size: 2rem;
    font-weight: lighter;
    line-height: 1.8;
    padding:1rem 0;
    color:#eee;
}

.heading{
    text-align: center;
    color:#fff;
    text-transform: uppercase;
    padding-bottom: 3.5rem;
    font-size: 4rem;
}

.heading span{
    color:var(--main-color);
    text-transform: uppercase;
}

.about{
	
	padding:5.5rem 7%;
	background:#fff;
	background-size:100%;
}
.about .row{
    display: flex;
    align-items: center;
    background:#fff;
    flex-wrap: wrap;
}


.about .row .content{
    flex:1 1 45rem;
    background:#ffffff;
    padding:3rem;
    background-size:100%;
}


.about .row .content p{
    font-size: 1.2rem;
    color:#000080;
    padding:4rem 0;
    line-height: 1.8;
	text-align: center;
}

button{
	width:200px;
	padding:15px 0;
	text-align:center;
	margin:20px 10px;
	border-radius:25px;
	font-weight:bold;
	border: 2px solid #009688;
	background: transparent;
	color:#000080;
	cursor:pointer;
	button-position :center;
}

button:hover {background-color: #008080}

button:active {
  background-color: #008080;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

div{
	text-align:center;
}

.bannerPicture{
	padding:20.5rem 10%;
	background:url(../images/banner.png) no-repeat;
    background-size: cover;
    background-position: center;
	width:100%;
}

.contact{
	background-color: #fff;
	padding:5.5rem 7%;
}
.content img{
	max-width:90%;
}
.map{
	/* position:relative;
	size:flex; */
	width:100%;
}

/*-------------------------------gamespage--------------------*/



.container{
	max-width:1200px;
	margin:auto;
	background:#003559;
	overflow:auto;
	
}


.gallery{
	margin:5px;
	border:1px solid #ccc;
	float:left;
	width:390px;
}

.gallery img{
	width:100%;
	height:auto;
}

.images{
	padding-top:120px;
	background:#003559;
}


.desc{
	padding:15px;
	text-align:center;
	color:#000000;
	background-color:#e6ffff;
}


 

/*------------------------------------------------*/
.info{
	padding-top:150px;
	text-align: center;
	color:#001a33;
	background-color:#fff;
}
 
 ul.a{
	 list-style-type:circle;
 }
 
 
 
 .footer {
   
   align-items: center;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #003380;
   color: white;
   text-align: center;
}

.footer img{
    height: 9rem;
}