.top-bar span.logo {
    color: #4f9976;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-size: 16pt;
}

hr.brand {
    border-top: 1px solid #f78d84;
    border-top-width: 3px;
    width: 15%;
    margin-left: 0;
}

.text-brand {
    color: #4f9976;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

.text-brand-secondary {
    color: #f78d84;
}

.text-brand-dark {
    color: #533a17;
}

.text-fullscreen-black {
    color: #5e5b59;
}

.text-fullscreen-white {
    color: #fff;
}

h2.text-brand-secondary {
    font-size: 18pt;
    font-weight: bold;
}

.health-targets h6 {
    color: #533a17;
}
.health-targets span {
    color: #533a17;
}


.purpose-block-img {
    height: 60vh !important;
}
.purpose-block-img .background-image-holder {
    height: 60vh;
}

.purpose-block ul {
    color: #5e5b59;
    list-style: inside;
}

.purpose-block .background-image-holder {
    background-position: 50% 50% !important;
}

.purpose-heart-block .overlay:before {
    background-color: #3e745e;
    opacity: 0.95;
}

.brand-raquo {
    padding-top: 180px;
    font-size: 40pt;
    color: #f78d84;
}

.functionality .brand-f-box {
    margin: 25px;
    padding: 25px;
    background-color: #f78d84;
    color: whitesmoke;
    text-align: center;
}

.partnership h1 {
    margin-bottom: 0px;
}

.partnership ul {
    padding-top: 12px;
    color: #5e5b59;
    list-style: inside;
}

.partnership ul li {
    padding-bottom: 10px;
}


.partnership .brand-f-box {
    padding: 5px 10px;
    background-color: #f78d84;
    color: whitesmoke;
    font-weight: bold;
    font-size: 9pt;
    text-transform: uppercase;
    box-sizing: content-box;
    width: fit-content;
}

.team-1 .team-1-member p {
    padding-top: 12px;
    text-align: left;
}

/**
        This is for the homepage 'purpose' block. We want the images to move around correctly as we jump around
        different screen sizes.
 */
@media (max-width: 992px) {
    .purpose-block ul {
        list-style: inside;
    }
    header.purpose-block .background-image-holder {
        background: none !important;
    }
}

@media (min-width: 1380px) {
    .purpose-block .background-image-holder {
        background-position: 100% 50% !important;
    }

    .purpose-block .col-md-7 {
        /*width: 60%;*/
    }
}

.headshot {
	width: 172px;
	height: 172px;
	border-radius: 50%;
}