@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html , body {
	font-family: "Open Sans";
	font-size: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #333333;
	color: white;
	width:100%;
	height:auto;
	margin: 0px auto;
}

#container {
	min-height: 100%;
	position: relative;
	height:auto;
	max-height: 400%;
	width:100%;
	margin-bottom: 70px;
}
#content {
	height:100%;
	width:75%;
	min-height:100%;
	margin: 0px auto;
	background-color: #333330;
	text-align: left;
	position: relative;
}
#logo {
	position: absolute;
	left: 50px;
	top: 10px;
	z-index: 0;
	margin:0px auto;
}

#header {
	background-image: url(/images/header-mask1.png);
	width: 100%;
	height: 100px;
	position: relative;
	top: 0px;
	left:0px;
}

#footer {
	font-size: 11px;
	background-color: #555555;
	width: 100%;
	height: 70px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

#tab {
	width: 100%;
}
nav {
	width: 100%;
	mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 25%, #ffffff 75%, rgba(255, 255, 255, 0) 100%);
	margin:-15px 0;
}

nav ul {
	text-align: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	padding: 14px;
	font-family: "Open Sans";
	text-transform:uppercase;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
	text-decoration: none;
	display: block;
}

nav ul li a:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
	background: rgba(255, 255, 255, 0.1);
	color: rgba(0, 35, 122, 0.7);
}

a {
	color: pink;
	text-decoration: none;
}

hr {
	margin: 0px;
	border-top: 0.5px solid gray;
	width: 100%;
	color: gray;
}

img[alt=cv-image] { 
	height: 137px;
	width: 150px; 
}
img[alt=pr-image] { 
	height: 137px;
	width: 150px; 
}
img[alt=vs-image] { 
	height: 160px;
	width: 173px; 
}
img[alt=spr-image] { 
	height: 220px;
	width: 260px; 
}
img[alt=ip-image] { 
	height: 220px;
	width: 660px; 
}
img[alt=tac-image] { 
	height: 320px;
	width: 300px; 
}
img[alt=prof-image] { 
	height: 64px;
	width: 64px; 
}