@media (min-width: 992px) { 
		.container{ 
			width: 970px; 
		} 
		#left{ 
			width: 25%; 
			float: left; 
		} 
		#right{ 
			width: 75%; 
			float: left; 
		} 
	} 
 	@media (min-width: 768px) { 
		.container{ 
			width: 750px; 
		}
	} 	

	
	*{ 
		padding: 0px; 
		margin: 0px; 
	}
	body{ 
		font-family: Arial, Tahoma, Helvetica, sans-serif;
		font-size: 13px; 
		line-height: 1.5em; 
		color: #333;	
		background: url('../images/stripe.png') repeat; 

 	} 
	
	.container{ 
		padding: 0px 15px; 
		margin: 0px auto; 
	} 
	#header + .container{ 
		padding: 15px 0px 0px 0px; 
		background: #fff; 
		padding-bottom: 50px; 
	} 	
	#header + .container:after{ 
		clear: both; 
	} 
	#left > .container, #right > .container{ 
		width: 90%; 	
		padding: 15px !important; 
	} 
	#header{ 
		width: 100%; 
		background: #58068c; 
		padding: 10px 0px; 
	} 

	#profile_pic{ 
		float: left; 
		width: 100%; 
		text-align: center; 
	} 
	#profile_info{ 
		padding: 5px; 
		float: left; 
		width: 100%; 
	} 
	#profile_info h2{ 
		float:left;
	width:100%;
	font-size: 1.4em; 
	color:#58068c;
	margin:0px 0px 20px 0px;
	border-bottom:2px solid #7938a3;
	padding-bottom:5px;
	font-weight:600;
		color: #000; 
		font-family: 'Open Sans', sans-serif;
		font-weight: 600; 
		line-height: 1.5em; 
	} 
	#profile_info p{ 
		margin: 5px 0px 5px 0px; 
		font-size: 1em; 
		line-height: 1.2em; 
		width: 100%; 
		float: left; 
		font-family: Arial, Tahoma, sans-serif; 
	} 
	#left nav{ 
		float: left; 
		width: 100%; 
		margin: 20px 0px; 
		color: white; 
		font-family: 'Open Sans', sans-serif;
	} 
	nav ul{
		list-style: none; 
	} 
	nav ul li{ 
		line-height: 40px; 
		text-indent: 20px; 
		background: #58068c; 
		transition: all 0.3s ease; 
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
	} 
	nav ul li:hover{ 
		background: rgb(121, 55, 162); 
		color: black; 
	} 
	#right section:not(:first-child){ 
		margin: 25px 0px; 
	} 
	.responsive{ 
		max-width: 100%; 
		height: auto; 
	} 
	#right ol{ 
		list-style-position: inside; 
		margin-left: 18px; 
	} 

	#right ol li{ 
		text-indent: -25px; 
		margin: 10px 0px; 
	} 
	#right ul{ 
		list-style-position: inside; 
		margin-left: 18px; 
	} 
	#right ul li{ 
		margin: 5px 0px; 
	} 
	a{ 
		text-decoration: none; 
		transition: all 0.3s ease; 
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		color: #58068c; 
	} 
	a:hover{ 
		color: blue; 
	} 
	nav a{ 
		color: white; 
		font-weight: bold; 
	} 	

	h1, h2{ 
		color: #000; 
	font-family: 'Open Sans', sans-serif;
		font-weight: 600; 
		line-height: 1.5em; 
	} 
	#right section h1{ 
		font-size: 1.6em; 
	} 
	img{ 
		vertical-align: middle; 
	}