body {
	font-family: 'Roboto', Arial, "sans-serif" ;
	color:rgb(64,64,64);
	text-align: center;
	margin-top: 1em;
}

.container {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

h1, h2 {
	font-family: 'Oswald', Arial ;
}
h1 {
	margin-bottom: 0;
}
h2 {
	margin-top: 0;
}
ul {
	margin:0 auto;
	width:300px;
	list-style-type: none;
	padding: 0;
}
li {
	text-align: center;
	
}

li a {
	display: block;
	padding: .5em 3em;
	border: 1px solid #a6acaf  ;
	background:  #f8f9f9 ;
	border-radius: 2px;
	margin-bottom: 0.5em;
	text-decoration: none;
	color:#626567;
}
li a:hover {
	border: 1px solid #626567;
	background: white;
	-moz-transform: translateY(1px);
-webkit-transform: translateY(1px);
-o-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}