@charset "utf-8";
/* CSS Document */
section {
	
}

.sr-wrap {
	width: 100%;
	padding: 0;
	font-family: 16px;
}

.sr-h2 {
	font-size: 1.5rem;
	line-height: 1.2;
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-weight: 100 !important;
	margin: 0 !important;
	padding: 0;
}

.sr-p {
	color: #eee !important; 
	font-size: 14px !important;
	margin: 10px 0 !important;
	
}

.sr-img-l,
.sr-img-r {
	width: 70%;
	min-height: 600px;
	/*background-image: url("/studres/images/kccfromthesky.jpg"); */
	background-image: url(/studres/images/kccfromthesky.jpg);
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	z-index: 1100;
}

.sr-img-l {
	float: left;
}

.sr-img-r {
	float: right;
}

.sr-title-r,
.sr-title-l {
	width: 30%;
	background-color: #fff; 
	color: #000; 
	text-align: center;
}

.sr-title-r {
	float: left;
}

.sr-title-l {
	float: right;
}

.sr-links-r,
.sr-links-l {
	width: 30%;
	background-color: #595959; 
	color: #fff;
	margin-top: 2%;
	padding: 1%;
	z-index: 1200;
}

.sr-links-r {
	float: left; 
	margin-left: -5%;
}

.sr-links-l {
	float: right;
	margin-right: -5%;
}

.sr_space {
	width: 100%;
	height: 50px;	
	clear: both;
}

.sr-wrap .sr-links-r a:link,
.sr-wrap .sr-links-l a:link,
.sr-wrap .sr-links-r a:visited,
.sr-wrap .sr-links-l a:visited {
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	font-size: 16px !important;
}

.sr-wrap .sr-links-r a:active,
.sr-wrap .sr-links-l a:active,
.sr-wrap .sr-links-r a:hover,
.sr-wrap .sr-links-l a:hover {
	color: #fff;
	text-decoration: underline;
}

@media screen and (min-width: 1224px) {
		.sr-img-l,
		.sr-img-r {
			width: 70%;
			min-height: 600px;
			
		}

		.sr-title-r,
		.sr-title-l {
			width: 30%;
			
		}

		
		.sr-links-r,
		.sr-links-l {
			width: 30%;
			
		}

}

@media screen and (min-width: 768px) and (max-width: 1223px) {
	
	.sr-img-l,
	.sr-img-r {
		width: 60%;
		min-height: 600px;
		
	}
	
	.sr-title-r,
	.sr-title-l {
		width: 40%;
		
	}
	
	.sr-links-r,
	.sr-links-l {
		width: 40%;
		
	}
	
	.sr-links-r {
		margin-left: -10%;
	}

	.sr-links-l {
		margin-right: -10%;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	
	.sr-img-l,
	.sr-img-r {
		width: 100%;
		min-height: 150px;
		float: none;
		
	}
	
	.sr-title-r,
	.sr-title-l {
		width: 100%;
		float: none;
		margin: 20px auto;
	}
	
	.sr-links-r,
	.sr-links-l {
		width: 100%;
		float: none;
		margin-top: 2%;
		padding: 2%;
		
	}
	
	.sr-links-r p,
	.sr-links-l p {
		text-align: left;
		margin-top: 15px;
	}
	
	.sr-links-r {
		margin-left: auto;
	}

	.sr-links-l {
		margin-right: auto;
	}
}

@media screen and (max-width: 319px) {
	
	.sr-img-l,
	.sr-img-r {
		width: 100%;
		min-height: 100px;
		float: none;
		
	}
	
	.sr-title-r,
	.sr-title-l {
		width: 100%;
		float: none;
		margin: 20px auto;
		font-size: 80%;
	}
	
	.sr-links-r,
	.sr-links-l {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 2%;
		padding: 2%;
		
	}
	
	.sr-links-r p,
	.sr-links-l p {
		text-align: left;
		margin-top: 15px;
		font-size: 85%;
		line-height: 1.8;
	}
	
	.sr-links-r {
		margin-left: auto;
	}

	.sr-links-l {
		margin-right: auto;
	}
	
	.sr-wrap a:link,
	.sr-wrap a:visited {
		font-size: 85%;
	}
}