@charset "UTF-8";
/* Body */
body {
	font-family: source-sans-pro;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 1000;
}
/* Container */
.container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	background-color: #FFFFFF;	
}

nav ul {
	float: center;
	list-style: none;
	display: inline-block;	
	vertical-align:top;
	padding-right:15px;
	padding-left:15px;
}

nav ul li  {
	margin: 3px;
	width: 100%;
	text-align: center;
	padding: 1px;
}

ul li a {
	color: #888888;
	text-decoration: none;
	float: center;
	list-style: none;
	font-size: 13px;
	text-align: center;
	margin-right: 2px;
	margin-left: 2px;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 1px;
	
}

.top .ols img {
	width: 92px;
	display:block;
	margin: 1em;
}

.top {
	padding-top: 8%;
	padding-bottom: 0px;
	text-align: center;
}

.top img {
	vertical-align:bottom;
	width: 200px;
}

.copyright {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;

	color: #C8C9CA;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
}

/* Mobile */
@media (max-width: 500px) {
	
.top img {
	vertical-align:bottom;
	width: 136px;
}
.inst {
    width: 42%;
}

nav ul li  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	float: center;
	list-style: none;
	display: inline-block;	
	vertical-align:top;
}
.copyright {
	margin-top: -20px;
}
}