@charset "utf-8";
/* CSS Document */

html,
html * {
	padding:0;
	margin: 0;
	box-sizing: border-box;
	font-family:Arial, Helvetica, sans-serif;
}

header {
	padding:24px;
	background-color:#333333;
	
}

.style-logo {
	margin-left:auto;
	margin-right:auto;
	padding-left: 10px;
	display:block;
}

.style-nav ul {
	list-style-type: none;
}

.style-nav ul li a {
	text-decoration:none;
	color: #FFF;
	text-align:left;
	display:block;
	text-transform: capitalize;
	font-weight:bold;
	padding:8px;
}

   /*Tablet View*/
   
@media (min-width: 768px){
	.style-nav ul li {
		display:inline-block;
}
	.style-nav ul {
	text-align:center;
}
   /*Desktop View*/
   
@media (min-width: 1024px){
	.style-logo {
		float: left;
}
	.style-nav {
	float:right;
}