*{
	padding:0;
	margin:0;
	
}
body{
	background: #1a191a;
	color:#e5e5e5;
	background-image:url("bg-welding.jpg");
	background-position: 50% -20px;
	background-repeat: no-repeat;
	font-family:Helvetica, Arial, sans-serif;
}
a{
	color:#f1f1f1;
	font-weight:bold;

}
ol, ul {
	padding-left: 40px;
}
#main{
	width:100%;
	height:768px;
}
#top{
	width:100%;
	height:100px;
}

#mid{
	width: 50%;
	position:relative;
	top:70px;
	left:15%;
}
#logo{
	position:relative;
	float:left;
	left:5%;
	width: 176px;
	height: 89px;
	background: url("osf-logo.png");
	top: 25px;
}

#title-main{
	font-family:Georgia, serif;
	font-size: 2.0em;

}
#content-block{
	padding-top:50px;
	background-color: rgba(0, 0, 0, .5);
	padding: 20px;
	margin-top: 30px;
	border-radius: 15px;
}


@media (max-width: 340px){
	body{
		background-size: 450%, auto;
		background-position: 55% -620%;
	}
	#logo{
		width: 120px;
		height: 60px;
		background-size: 120px 60px;
		top: 25px;
	
	}
	#mid{
		top: 20px;
		width:75%;
	}
	#content-block{
		position:relative;
		/*top:75px;*/
	}
	#title-main{
		font-size:1.8em;
		top:20px;
		text-align:left;
	}
}