/* about.css */
/* requires layout-side-by-side.css */

div.main::before {
    background: url(../images/wlg.jpg), #000;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

div.main section#about-us::before {
    background: url(../images/about-us.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}

section#leadership-team {
}
    
section#leadership-team h3 {
}

section#leadership-team section {
    background: #fff;
    border-color: #eae8e9;
    border-style: solid;
    border-width: 5px 0px 0px 0px;
    margin-top: 5px;
    padding: 20px;
}

section#leadership-team section img {
    max-width: 120px;
}

section#leadership-team section h4 {
    margin-bottom: 5px;
}

section#leadership-team section span.role {
    display: block;
    font-style: italic;
    margin-bottom: 25px;
}

section#leadership-team section span.role::before {
    content: "- ";
}

section#leadership-team section p:last-of-type a {
    color: #0084bf;
}

@media (min-width: 768px) {
    section#leadership-team section {
	clear: both;
	padding-left: 150px;
    }

    section#leadership-team section img {
	float: left;
	margin: 0px 0px 0px -130px;
	width: 110px;
    }

    section#leadership-team section h4 {
	display: inline;
    }

    section#leadership-team section span.role {
	display: inline;
	margin-left: 20px;
	margin-bottom: 0px;
    }
}