@charset "utf-8";
/* CSS Document */
a { font-size:16px;}

ul {
	clear:both;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
	border-right: 1px solid #bbb;
}

li a {
    display: block;
    color: #F4F4F4;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
/*	-o-transition:color .3s ease-out, background .2s ease-in;
  -ms-transition:color .3s ease-out, background .2s ease-in;
  -moz-transition:color .3s ease-out, background .2s ease-in;
  -webkit-transition:color .3s ease-out, background .2s ease-in;
*/  /* ...and now override with proper CSS property */
  transition:color .3s ease-out, background .2s ease-in;
}

li a:hover {
    background-color:#284979;
	color:#57abdf;
}

@media screen and (max-width: 480px){
li {
    float:none;
	border:none;
	width:80%;
	margin:auto;
	margin-top:5px;
}
}