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

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

header{
  padding: 32px;
	
}

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

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

.style-nav ul li a {
	text-decoration: none;
	color:rgba(107,107,107,1.00);
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding: 8px;
}
/*phone view*/
@media (min-width: 250px){
.style-nav ul li{
		display:inline-block;
	}
	.style-nav ul li{
		text-align:center;
	}
}
	

	
/*tablet view*/
@media (min-width: 550px){
	
	.style-nav ul li {
		display:inline-block;
	}
	.style-nav ul li{
		text-align:center;
	}
}

	/*desktop view*/
	@media (min-width:1000px){
		
		.style-logo{
			float:left;
		}
		.style-nav{
			float: right;
		}
	}