#midbar {
	width: 100%;
	height: 355px;
	background-color: #000;
	text-align: center;
}

#midbar-links {
	padding-top:39px;
}

div#ksicon-holder {
	position:relative;
	top:50px;
}
	
div#kstitle-holder {
	position:relative;
	top:10px;
}


#ksicon-holder,#kstitle-holder {
	display: inline-block;
	padding: 0 15px 15px 15px;
}

#midbar a {
	color: #20aee6;
	padding:5px 10px 5px 10px;
}

#midbar h1,h3 {
	color: #beebfd;
}
#midbar h1 {
	font-weight: 200;
	font-size: 62px;
	letter-spacing: 1px;
	line-height: 70px;
}
#midbar h3 {
	font-weight: 200;
	font-size: 23px;
	letter-spacing: 1px;
	line-height: 18px;
}

img#ksicon {
	width: 195px;
	height: 200px;
}


div.sectiondiv {
	position:relative;
	max-width: 760px;
	padding-top: 35px;
	padding-bottom: 28px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}


div#toprow {
	padding-top:85px;
}


div.rowcontent {
	font-weight: 300;
	font-size: 21px;
	color: #333333;
	letter-spacing: 0.5px;
	line-height: 1.45em;
}

div.rowextra {
	font-weight: 300;
	font-size: 19px;
	color: #333333;
	line-height: 1.39em;
	letter-spacing: 0.5px;
	display: none;
}




@media only screen 
and (max-width : 680px) 
{
	
	#midbar div {
		display: block;
	}

	img#ksicon {
		width: 98px;
		height: 100px;
	}
	
	div#ksicon-holder {
		top:60px;
	}
	
	div#kstitle-holder {
		position:relative;
		top:60px;
	}

	#midbar {
		height: 285px;
	}

	#midbar h1 {
		font-weight: 200;
		font-size: 36px;
		letter-spacing: 2px;
		line-height: 42px;
	}
	#midbar h3 {
		font-weight: 300;
		font-size: 14px;
		letter-spacing: 1px;
		line-height: auto;
		display: none;
	}

	div#toprow {
		padding-top:45px;
	}
	.sectiondiv {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#midbar-links {
		padding-top:60px;
	}

	div.rowcontent {
		font-weight: 300;
		font-size: 14px;
		line-height: 1.45em;
	}
	div.rowextra {
		font-weight: 300;
		font-size: 15px;
		display: none;
	}

}