#header {
	height: 10vh;
}

.page {
	padding-top: 10vh;
	padding-bottom: 12vh;
}

.main {
	padding: 0;
	text-shadow: 0 0px;
}

#footer {
	height: 12vh;
	font-family: Georgia, serif;
	bottom: 0;
}

#footer h6 {
	font-size: 12px;
}

#header, #footer {
	padding-left: 0;
	padding-right: 0;
	background-color: rgb(25, 25, 25);
	width: 100%;
	text-align: left;
	text-shadow: 0 0px;
	position: fixed;
	z-index: 100;
}

img {
	height: 80%;
	width: auto;
}

#logo-holder{
	height: 10vh;
	line-height: 9vh;
	margin-left: 12%;
}

#nav-holder{
	display: inline;
	position: absolute;
	line-height: 10vh;
	height: 10vh;
	right: 3%;
}

#nav-btn-left, #nav-btn-right, #nav-btn-left:visited, #nav-btn-right:visited {
	color: white;
	font-size: 120%;
	font-size: calc(120% + 1vmax);
	text-decoration: none;
}

#nav-btn-left:hover, #nav-btn-right:hover {
	color: lightgray;
	text-decoration: none;
}

#nav-btn-left:active, #nav-btn-right:active {
	color: gray;
	text-decoration: none;
}

#nav-btn-inactive {
	color: #252525;
	text-decoration: none;
	font-size: 120%;
	font-size: calc(120% + 1vmax);
}

#main1 {
	height: 78vh;
	background: url('images/header_image_vball.jpg') no-repeat 50% 70%;
	background-size: cover;
}

#headline-container {
	position: relative;
	text-align: center;
	color: white;
	font-family: 'Kanit', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 200%;
	font-size: calc(150% + 5vmax);
	z-index: 2;
	text-shadow: 2px 2px 4px black;
}

.sport-img {
	height: 78vh;
	padding: 0;
	background-size: cover;
}

.sport-headline {
	position: absolute;
	z-index: 2;
	color: white;
	font-family: 'Kanit', sans-serif;
	font-style: italic;
	font-weight: 900;
	font-size: 180%;
	font-size: calc(100% + 6vmax);
	bottom: 17%;
	left: 3%;
	text-shadow: 2px 2px 4px black;
}

.sidebar-holder{
	padding: 15px;
	height: 100%;
}
.sport-sidebar {
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	border-radius: 5px;
	padding: 15px;
}

.sport-sidebar1 {
	background-color: rgba(125, 48, 120, 0.4);
}

.sport-sidebar2 {
	background-color: rgba(201, 17, 190, 0.4);
}

#msoc-img{
	background: url('images/msoc.jpg') no-repeat 60% 20%;
	background-size: cover;
}

#wsoc-img{
	background: url('images/wsoc.jpg') no-repeat 40% 20%;
	background-size: cover
}

#fhock-img{
	background: url('images/fhock.jpg') no-repeat 60% 20%;
	background-size: cover;
}

#wgolf-img{
	background: url('images/wgolf.jpg') no-repeat 20% 20%;
	background-size: cover;
}

#mgolf-img{
	background: url('images/mgolf.jpg') no-repeat 65% 20%;
	background-size: cover;
}

#vball-img{
	background: url('images/vball.jpg') no-repeat 30% 20%;
	background-size: cover;
}

#mswim-img{
	background: url('images/mswim.jpg') no-repeat 40% 20%;
	background-size: cover;
}

#wswim-img{
	background: url('images/wswim.jpg') no-repeat 40% 20%;
	background-size: cover;
}

#xc-img{
	background: url('images/xc.jpg') no-repeat 40% 20%;
	background-size: cover;
}

.teaser {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	padding: 15px 15px 30px 30px;
}

@media (min-width: 601px){
	.mobile-only{
		display: none;
	}

}
@media (max-width: 600px){
	.desktop-only{
		display: none;
	}
	#navlist{
		width: 100vw;
	}
}

@media (min-width: 769px) {
	#navlist li:hover, #navlist li a:hover {
		background-color: rgba(37, 37, 37, 0.9);
	}
}

#read-on-btn {
	border-radius: 5px;
	background-color: black;
	color: white;
	padding: 10px;
	font-size: 16px;
}

#read-on-btn:hover {
	color: lightgray;
	text-decoration: none;
}

#read-on-btn:active {
	color: gray;
	text-decoration: none;
}

#read-on-btn:visited {
	color: white;
	text-decoration: none;
}

#menu-left {
    float: left;
    margin-left:0.5em;
}

#navmenu {
	display: inline;
	position: absolute;
	line-height: 9.5vh;
	margin-left: 0;
	margin-right: 5vw;
	padding-left: 2%;
	font-size: 28px;
}

#navlist {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: left;
	border-width: 1px;
	border-color: rgba(25, 25, 25, 0.9);
	background-color: rgba(25, 25, 25, 0.9);
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	border-radius: 0;
	position: absolute;
	height: 60vh;
	left: -0.1vw;
	top: 9.5vh;
}

#navlist li {
	padding: 0;
}

#navlist li a{
	color: white;
	line-height: 5vh;
	height: 6vh;
}

#navlist li a:active, #navlist li a:visited{
	background-color: rgba(37, 37, 37, 0.9);
}