.container {
	max-width:1100px;
	width:1100px;
	margin:0 auto; 
	color:#3a3a3a;
}

.site-nav {
	background-color:#3a3a3a;
	-webkit-box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow:0 2px 5px 2px rgba(0, 0, 0, 0.25);
    z-index:1;
    position:relative;
	-webkit-box-sizing:border-box;
    box-sizing:border-box;
	font-family:"PT Sans", Arial, sans-serif;
	float:left;
    line-height:200%;
    font-size:1em;
	margin-bottom:20px
}

.site-nav a {
	display:inline-block; 
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
	color:white;
	padding:1em 1.1em;
	text-decoration:none;
	text-align:left; /* center */
	font-size:0.85em
}

.site-nav a:first-of-type {
	border-left:3px solid #000099;
	float:left
}

.site-nav a:last-of-type {
	float:right;
	border-right:3px solid #000099;
	/* background-color: red;
	font-weight:700; */
}

.site-nav a:hover {
	background-color:#4ea7c7; text-decoration:none;
	-webkit-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}

a.sn:link, a.sn:visited, a.sn:active 
	{ color:white;font-size: 0.85em }
a.sn:hover 
	{ color:white;font-size: 0.85em }