@charset "utf-8";
/* CSS Document */
.homebg {
	background-image: url("../images/home-images/homebg.jpg");
	background-size: cover;
}
#people {
	max-height: 575px;
	overflow: auto;
}
#sociallink{
	height: 35px;
	font-size: 0;
	text-decoration: none;
	color: black;
	font-weight: 650;
	margin: 4px;
}
#homelink {
	font-size: 1.1rem;
}

.headeritem {
  	overflow: hidden;
  	width: 100%;
  	padding-top: 60%;
}
.headerimg{
	position: absolute;
	overflow: hidden;
  	top: 0;
  	left: -27%;
  	bottom: 0;
  	right: -27%;
	width: auto;
  	height: 100%;
}

@media screen and (min-width: 500px){
		#people {
		max-height: 700px;
		font-size: 1.2rem;
	}
		#sociallink{
		height: 47px;
	}
		#homelink {
		font-size: 1.5rem;
	}
}
@media screen and (min-width:576px){
		#people {
		max-height: 750px;
	}
		#sociallink{
		max-height: 45px;
	}
	.headeritem {
		height: 100%;
		width: 100%;
		padding-top: 40%;
	}
	.headerimg{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	
}
@media screen and (min-width:768px){
		#people {
		max-height: 280px;
	}
		#sociallink{
		height: 42px;
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 992px){
		#people {
		max-height: 325px;
	}
		#sociallink{
		height: 35px;
		font-size: 1.2rem;

	}
}
@media screen and (min-width: 1200px){
	#people {
		max-height: 555px;
	}
		#sociallink{
		height: 50px;
		font-size: 1.5rem;
	}
}