@charset "utf-8";
html, body {
	height:100%;
}

.section {
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

footer {
	margin-right: auto;
	margin-left: auto;
}
.carousel {
	height:50%;
}
.item,
.active, 
.carousel-inner{
	height: 100%;
}



.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.gridContainer #content1 h3 #pic {
	border: 5px solid #FFF;
}
.gridContainer #content2 h3 #pic {
	border: 5px solid #FFF;
}
.gridContainer #content3 h3 #pic {
	border: 5px solid #FFF;
}



#myCarousel .left.carousel-control img,#myCarousel .right.carousel-control img
	{position:absolute;
	top:50%;}

#myCarousel .right.carousel-control img {
	right:50%;}
	
	#myCarousel .left.carousel-control img {
	left:50%;}