/*Main Styles*/
body {
    background: rgba(241,234,188,1.00);
    font-family: 'Hind', sans-serif;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
	font-style: normal;
    overflow-x: hidden;
}
html, body {
    width: 100%;
    height: 100%;
}
/*Menu Styles*/
*{
	margin:0;
	padding:0;
}

/*hiding label and checkbox*/
input[type=checkbox],
.show-menu{
	display:none;
}

/*giving background image*/
/*styling our wrapper*/
.wrapper{
	max-width:960px;
	margin:0 auto;
	color:#fff;
	font-family: 'Hind', sans-serif;
}

/*styling h1 in wrapper*/
.wrapper h1{
	padding:20px;
	text-align:center;
}

/*styling navigation*/
.navigation{
	display:flex;
	list-style-type:none;
}

/*styling list items->li in navigation*/
.navigation li{
	background:#7E0000;
	flex:1;
	text-align:center;
	transition:all .2s ease;
}
.navigation li:not(:first-child){
	border-left:2px solid #ecf0f1;
}

/*styling hover*/
.navigation li:hover{
	background:#333333;
	flex:1.1;
}

/*styling our anchor tag*/
.navigation li a{
	display:block;
	padding:20px 0;
	color:inherit;
	text-decoration:none;
}

/*giving style for mobile*/

@media screen and (max-width:600px){
	/*styling our show menu button*/
	.show-menu{
		background:#342a2a;
		display:flex;
		cursor:pointer;
		padding:20px 0;
		justify-content:center;
	}
	/*hiding our navigation*/
	.navigation{
		display:none;
	}
	input[type=checkbox]:checked ~ .navigation{
		display:block;
	}
	
	.navigation li:not(:first-child){
		border:0;
	}
	.navigation li:not(:last-child){
		margin:2px 0;
	}
}
/*Menu Styles End*/

/*About Style Starts*/
.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    padding: 0px;
}
.grid-item {
    padding: 5px;
    font-size: 20px;
    text-align:inherit;
}
/*About Style Ends*/