*{ 
   margin: 0;
   padding: 0;
   font-family: 'Skranji', Myriad;
}
nav{
	position: fixed;
	background:65008f;
	width: 100%;
	padding: 10px 0;
	z-index:12;
}
nav .menu{
	max-width: 1250px;
	margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.menu .logo a{
text-decoration: none;
color: #ffffff;
font-size: 35px;
font-weight: 600;
} 
.menu ul{
	display: inline-flex;
}
.menu ul li{
	list-style: none;
	margin-left: 7px;
}
.menu ul li:first-child{
	margin-left: 0px;
}
.menu ul li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	padding: 8px 15px;
	border-radius: 5px;
	transition: all .4s ease
}
.menu ul li a:hover{
	background: #ffffff;
	color: #000000;
}
.img{
background: url('walmart.jpg');
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
position: relitive;
}
.center{
	position: absolute;
	top: 52%;
	left: 50%;
    transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 20px;
	text-align: center;
}
.center .title{
	color: #ffffff;
	font-size: 55px;
	font-weight: 600;
}
.center .sub_title{
	color: #ffffff;
	font-size: 30px;
	font-weight: 600;
}
.center .btns{
	margin-top: 20px;
}
.center .btns button{
	height:55px;
	width:170px;
	border-radius: 5px;
	margin: 0 10px;
	border: 2px solid white;
	font-weight: 500px;
	padding: 0 10px;
	transition: all 0.3s ease;
	color: #000000;
	background:#78b9e7;
}
.btns button:hover{
	background: #004c91;
	color: #000000;
}