/*==============================================  IMPORTANT - PLEASE READ ==============================================

font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Raleway', sans-serif;
____

thin 100
light 300
regular 400
bold 700
black 900
____

========================================================================================================================
*/

/*
Bio Detail Page
==============================================
*/
/*
.body-bio .intro-content {
    padding: 65px 100px 130px;
}
*/
/*
.body-bio .intro-team-quote-section {
    top: 30px;
	position: relative;
}
*/
.bio-social {
	animation-name: slideInDownSmall;
    animation-duration: 1s;	
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.bio-image-social-name-wrapper{
	text-align: center;
}
.bio-detail-first-name, .bio-detail-middle-initial, .bio-detail-last-name, .bio-detail-preferred-name {
    font-family: 'Prata', serif;
	font-size: 22px;
	font-weight: 400;
	color: #343434;
}
.bio-detail-first-name-wrapper, .bio-detail-middle-initial-wrapper, .bio-detail-last-name-designation-wrapper {
	display: inline;
}
.bio-detail-designation-wrapper {
	display:block;
}
.bio-detail-designation {
    font-family: 'Prata', serif;
	font-size: 16px !important;
    display: block;
}
.bio-detail-title {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
    line-height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
    font-weight: 400;
    color: inherit;
	display: block;
	margin-top: 0px;
}

.bio-detail-headshot-wrapper {
/*	object-fit: cover;*/
	max-width: 262px;
	height: 350px;
	position:relative;
	overflow:hidden;
	border: 5px solid #ecece8;
	margin: 0 auto;
}
.bio-detail-headshot-wrapper img {
    position: absolute;
    width: 156% !important;
	max-width: 156% !important;
    top: 0;
    bottom: 0;
    margin: auto;
    height: auto;
    left: -27%;
}
.bio-detail-section {
	padding: 66px 100px 180px;
}
.bio-detail-copy-wrapper {
	padding-top: 50px;
}
.bio-detail-copy-wrapper h2 {
    font-size: 22px;
    line-height: 22px;
    color: #104c6e;
    text-transform: uppercase;
    margin: 15px 0;
    letter-spacing: 2px;
}
.bio-detail-copy-wrapper h3 {
    font-size: 20px;
    line-height: 22px;
    color: #104c6e;
    text-transform: uppercase;
    margin: 15px 0;
    letter-spacing: 2px;
}
.bio-detail-copy-wrapper ul {
    padding-left: 30px;
    list-style-type: disc;
    margin-bottom: 20px;
}
.bio-detail-links-wrapper {
	top: -33px;
    position: relative;
}
.bio-detail-links-wrapper a {
	background: #52b9bb !important;
	padding: 5px 0px;
}
.bio-detail-links-wrapper .fa {
    padding: 0 7px;
}
.bio-detail-links-wrapper a:first-child {
    padding-left: 10px;
}
.bio-detail-links-wrapper a:last-child {
    padding-right: 10px;
}
.bio-detail-links-wrapper .fa {
	color:#fff;
}
.bio-detail-links-wrapper .fa:hover {
    color: #23527c;
}
.bio-detail-quote-hr {
	display: none;
}
.bio-detail-quote {
    font-family: 'Prata', serif;
    font-size: 18px;
    line-height: 28px;
	color: #104c6e;
    font-weight: 400;
	border-top: 2px solid #52b9bb;
	border-bottom: 2px solid #52b9bb;
	padding: 30px 0;
	margin-top: 100px;
}
.bio-detail-quote-cite {
    font-family: 'Prata', serif;
    font-size: 18px;
    line-height: 28px;
	color: #104c6e;
    margin: 30px 0 !important;
}
/*
Bio Next Prev Arrows
==============================================
*/
.bio-detail-prev-wrapper {
	padding-left: 30px !important;
    margin-top: -25px;
    display: block;
}
.bio-detail-prev-wrapper {
    padding-left: 25px !important;
}


/*
==============================================
Responsive Meia Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {
/*
==============================================
Bio Detail Page
==============================================
*/

}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
/*
Bio Detail Page
==============================================
*/
.bio-detail-section {
    padding: 65px 60px 130px;
}
.bio-detail-container {
    padding-bottom: 130px;
}
.bio-detail-previous-link-wrapper-mobile {
		bottom: 20px;
}
.bio-detail-next-link-wrapper-mobile {
		bottom: 20px;
}
.bio-detail-copy-wrapper {
    padding-left: 30px;
}

	

}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
/*
==============================================
Bio Detail Page
==============================================
*/

}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
/*
Bio Detail Page
==============================================
*/

.bio-detail-copy-wrapper {
    padding-top: 70px;
}
.bio-detail-section {
    padding: 65px 60px 130px;
}
.bio-detail-container {
    padding-bottom: 110px;
}
.bio-detail-previous-link-wrapper-mobile {
		bottom: 20px;
}
.bio-detail-next-link-wrapper-mobile {
		bottom: 20px;
}

.resource-detail-content-wrapper {
    padding: 75px 0px 80px 0px !important;
}

}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
/*
Bio Detail Page
==============================================
*/
.bio-detail-section {
    padding: 65px 15px 130px;
}
.bio-detail-copy-wrapper {
    padding-left: 0px;
}



}



/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
/*
Bio Detail Page
==============================================
*/


	
}

/* IE only */
@media screen\0 {
.bio-detail-links-wrapper {
    top: -34px;
}

.bio-detail-next-arrow {
    top: 2px;
}	
	
}
<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />