body{
	font-family: Verdana;
	color:#333;
	font-size:1.2rem;
	line-height: 1.6rem;
	 margin: 0;	
}
h1{
	font-size:2rem;
	line-height:1.3rem;
}
p {
    margin-bottom: 1.6 rem;
    font-size: 1.2rem;
    text-align: center;
    max-width: inherit;
	
}

.container{
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    height: auto;
    max-height: 88%;
	
}
.main .container {
}
.main .container {
}
.main .container {
}





.header{
	background:#333;
	color:white;
	padding:2rem 0;
	position:fixed;
	left:0;
	top:0;
	right:0;
}

.header a{
	color: white;
	text-decoration:none;
}

.logo-nav-container{	
display:flex;
justify-content: space-between;	
align-items:center;	
	flex-wrap:wrap;
}

.logo{
letter-spacing:	15px;
	font-size 1.4rem;
}

.menu-icon{
	display:none;
}
.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	}
.navigation ul li{
	display:inline-block;
}
.navigation ul li a{
	display:block;
	padding: 0.5rem 1rem;
	transition:all 0.4s linear;
	border-radius:5px;
	
}
.navigation ul li a:hover{
	background:#4a4a4a;
}

.main{
	padding-top:12rem;
}
.footer{
	background:#f2f2f2;
	padding:4rem 0;
	text-aling:center;
	margin-top:6rem;
}

@media only screen and (max-width: 767px){
	
	.menu-icon{
		display:block;
		cursor:pointer;
		padding:0.5rem 1rem;
	}	
	.navigation{
		width:100%;
		margin-top:1rem;	
		}
		
		.navigation ul{
			display:none;
		}
        .navigation ul.show{
			display:block;
		}

	.navigation ul li{
		display:block;
	}
	
	
	.navigation ul li a {
		display:block;
		padding:0.5rem 0;
		transition:all 0.4s linear;
		border-radius:5px;
	}
	
		.navigation ul li a:hover{
			background:#4a4a4a;
		}
	}