.header-container {
    width: 100%;
    display: flex;
    align-items: center;
    color: black;
}

.header h1 {
    font-family: 'Julius Sans One', sans-serif;
    font-size: 2em;
    font-style: normal;
    background-color: #ffffff;
    vertical-align: top;
    padding: 15px 15px 15px 25px;
    width: 180px;
}

@media screen and (min-width: 1100px) {
    .header h1 {
        padding: 15px 15px 15px 125px;
    }
}

.header a {
    text-decoration: none;
    font-family: 'Julius Sans One', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    color: black;
}

.header-left {
    width: 30%;
}

.header-right {
    width: 70%;
    text-align: center;
}

.header-right a {
    padding-right: 30px;
}

.main-container {
    width: 100%;
    display: flex;
    background-image: url("grass-bright.jpg");
    background-size: 50%;
}

.main-left {
    width: 50%;
}

.main-middle {
    width: 30%;
}

.main-right {
    width: 20%;
}

.front-image {
    width: 130%;
}

.image-caption {
    font-family: Verdana,sans-serif;
    font-size: .75em;
    font-style: normal;
}

.author-main-container {
    width: 100%;
    display: flex;
    background-size: 50%;
    background-color: #ffffcc;
}

.author-main-left {
    width: 35%;
    text-align: center;
}

.author-main-middle {
    width: 50%;
}

.author-front-image {
    width: 100%;
    margin-top: 1em;
}

.locum-main-container {
    width: 100%;
    background-color: #ffffcc;
    vertical-align: top;
}

.locum-main-text {
    padding: 1em 1em 1em 1em;
}

.bio-main-container {
    width: 100%;
    background-color: #ffffcc;
    vertical-align: top;
}

.bio_image {
    width: 400px;
    float: right;
    margin: 1em;
}

.bio-main-text {
    width: 55em;
    padding: 1em 1em 1em 10em;
    font-family: Verdana,sans-serif;
    font-size: 1em;
    font-style: normal;
}

.singer-image {
    width: 360px;
}

.singer-main-text {
    font-family: Verdana,sans-serif;
    font-size: 1em;
    font-style: normal;
    padding: 1em;
}

.singer-main-container {
    width: 100%;
    background-color: #ffffcc;
    vertical-align: top;
}

.teacher-main-container {
    width: 100%;
    background-color: #ffffcc;
    vertical-align: top;
}

.teacher-main-text {
    width: 55em;
    padding: 1em 5em 1em 5em;
    font-family: Verdana,sans-serif;
    font-size: 1em;
    font-style: normal;
}

.teacher-image {
    width: 250px;
    margin: 1em;
}

.teacher-sidebar {
    margin: 1em 0em 2em 2em;
}

.philanthropy-main-container {
    width: 100%;
    background-color: #ffffcc;
    vertical-align: top;
}

.philanthropy-main-section {
    padding: 1em 5em 1em 5em;
    width: 55em;
    height: 100%;
}

.philanthropy-main-table {
    width: 100%;
    height: 100%;
}

.philanthropy-image {
    width: 560px;
}

#document.philanthropy-image {
    width: 560px;
}

.gratefulness-video {
    width: 560px;
    height: 315px;
 }

.main-body {
    background-color: #ffffff;
    margin: 0px;
}

.main-area table body tbody {
    width: 100%;
}

.sidebar {
    font-family: 'Julius Sans One', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    background-color: #d2d297;
    width: 250px;
    vertical-align: top;
    padding: 1em 1em 0em 1em;
}

.sidebar a {
    text-decoration: none;
}

.main-page-text {
    font-family: Verdana,sans-serif;
    font-size: 1em;
    font-style: normal;
    background-color: #D1D68B;
    width: 70%;
    vertical-align: top;
    opacity: 80%;
    margin: 1em 1em 1em 3em;
    padding: .1em 1em .1em 1em;
}

.excerpt {
    width: 50%;
    margin: 1em 1em 1em 5em;
}

.excerpts {
    background-color: #ffffcc;
    padding: 3em 0em 2em 10em;
    font-family: Verdana,sans-serif;
    font-size: 1em;
    font-style: normal;
}

.footer {
    display: flex;
    align-items: center;
}

.soc-media-icon {
    opacity: 50%;
    margin-top: 10px;
}

.soc-media-link {
    text-decoration: none;
}