#container{
	width: 960px;
	margin:0px auto;
}

#left-column{
	width:300px;
	float:left;
}
#right-column{
width:660px;
float:left;
}

@media screen and (max-width:959px){
#container{
	width:100%;
}
#left-column{
	width:20%;
}

#right-column{
	width:80%;
}
}
#socialNetworkNavBar {
	display: inline-block;
	vertical-align: top;
	height: 50px;
	width: 50px;
	padding: 10px;
}
#socialNetworkNavBar #socialNetworkNav {
	border-radius: 25%;
	cursor: pointer;
}
.socialNetworkNavBar .socialNetworkNav img:hover {
	opacity: 0.5;
}

#pic1{
	background-image: url(../images/ellis.JPG);
		
}
#pic2{
	background-image: url(../images/harvard.JPG);
}
#pic3{
	background-image: url(../images/ingleside.JPG);
}
#pic4{
	background-image: url(../images/vernon.JPG);
		
}
.featured-img{
	width: 100px;
	border-radius: 100%;
	height: 100px;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: thick;
	
}
.feature-images{
	text-align: center;
	background-color: #ffffff;
}
.featured{
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	background-color: #ffffff;
}

.index-links div {
	margin: 16px 16px 0;
	height: 100px;
	background-color: #000000;
}

.index-links div h3 {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 28px;
	font-weight: 900;
	line-weight: 100px;
	color: #111;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width:640px){
#left-column{
	width:100%;
}

#right-column{
	width:100%;
}	
}

@media screen and (max-width:320px){
	#container{
		width:320px;
	}
}