/**********************************************************/
/*START BANNER STYLING */
a:hover {
    text-decoration: underline;
}
.intro {
	background: url('imgs/Banner_Staff_Moeraki Boulders-3.jpg') top center no-repeat; background-size: 100%;
}
.intro-box1 {
	padding-top: 2%;
	background: rgba(255,255,255,0.4);
}
.staff {
	border-bottom: 1px solid #dfe3ec;
}
.resume-link {
	text-align: right;
}
/*END BANNER STYLING */
/**********************************************************/
/* START SCREEN SIZE STYLING */
@media screen and (max-width: 429px) {
	.intro {background: #dee2ed}
	.intro-box1 {background: none; margin-top: 8px;}
	.staff {padding-bottom: 3.5%; margin-bottom: 3.5%;}
	.headshot {width: 190px; margin-left: auto; margin-right: auto; padding: 3px 0 8px 0;}
	.headshot img {width: 100%;}
	.bio {width: 90%; margin-left: auto; margin-right: auto;}
	.resume-link {text-align: center; padding-bottom: 3px;}
}
@media screen and (min-width: 430px) and (max-width: 569px) {
	.staff {padding-bottom: 3.5%; margin-bottom: 3.5%;}
	.headshot {width: 210px; margin-left: auto; margin-right: auto; padding: 0 0 3% 0;}
	.headshot img {width: 100%;}
	.bio {width: 85%; margin-left: auto; margin-right: auto;}
	.resume-link {text-align: center;}
}
@media screen and (min-width: 570px) and (max-width: 767px) {
	.staff {padding-bottom: 3.5%;	margin-bottom: 3.5%;}
	.headshot img {width: 210px; float: left; padding-right: 3%;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.staff {padding-bottom: 3.5%;	margin-bottom: 3.5%;}
	.headshot img {width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.staff {padding-bottom: 2.5%;	margin-bottom: 2.5%;}
	.headshot img {padding-left: 10%; width: 95%;}
	.bio {padding-right: 4%;}
	.resume-link {padding-right: 4%;}
}
@media screen and (min-width: 1200px) {
	.staff {padding-bottom: 2%;	margin-bottom: 2%;}
	.headshot img {padding-left: 20%; width: 91%;}
	.bio {padding-right: 5%;}
	.resume-link {padding-right: 5%;}
}
/* END SCREEN SIZE STYLING */
/**********************************************************/