.profile {
    margin: 3em auto 3em auto;
}

.profile .modal-footer {
    clear: both;
}

.profile h3 {
    margin: 3em 0 0.75em 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.profile h4 {
    font-weight:700;
    margin: 0 0 1.5em 0;
}

.profile h4 span {
    display:block;
    margin:0 0 0.5em 0;
}

.profile .team-role,
.profile .team-role-spacer {
    font-size: 0.8em;
    text-transform:uppercase;
}

.profile .olympic-rings {
    display:inline-block;
    width:3em;
}
.profile .paralympic-rings {
    display:inline-block;
    width:2em;
}

#team-bios-biography .olympic-rings {
    display: inline-block;
    width: 5em;
    margin-bottom:3em;
}
#team-bios-biography .paralympic-rings {
    display: inline-block;
    width: 3em;
    margin-bottom: 3em;
}

.profile .athlete-images {
    position: relative;
    width: 18.25em;
    color: #FFF;
    background-color: #333;
    margin: 0 auto 4em auto;
}

.profile .athlete-images .credit {
    position: absolute;
    width: 100%;
    font-size: 0.7em;
    text-align: right;
    padding: 0.5em;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}

.profile .athlete-images a {
    color: #FFF;
    text-decoration: none;
}

.profile .athlete-images .carousel-indicators {
    bottom: -3em;
}

.profile .athlete-images .carousel-indicators li {
    border: 1px solid #4c4c4c;
}

.profile .athlete-images .carousel-indicators li.active {
    background-color: #4c4c4c;
}

.profile .athlete-images a.left:link,
.profile .athlete-images a.left:visited,
.profile .athlete-images a.right:link,
.profile .athlete-images a.right:visited {
    color: #FFF;
}

.profile .athlete-images img {
    object-fit: cover;
    width: 18.25em;
    height: 18.25em;
    margin: 0 auto;
}

.profile .athlete {
    width: 100%;
}

.profile .horses {
    width: 100%;
}

.profile:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.profile .links {
    text-align:center;
    margin:1em 0 1em 0;
}

.profile .btn {
    font-size: 0.65em;
    margin-bottom: 0.25em;
}

#team-bios-biography .links {
    margin:3em 0;
}

#team-bios-list .social-links,
.profile .social-links
{
    text-align: center;
    color: #999;
    font-size: 1.25em;
}

#team-bios-list .social-links .icon-label,
.profile .social-links .icon-label {
    color: #999;
    margin-right: 0.25em;
}

#team-bios-list .social-links a,
.profile .social-links a {
    color: #999;
    padding: 0 0.25em 0 0.25em;
}

@media only screen and (min-width: 769px) {

    .profile h3 {
        margin: 0 0 0.75em 0;
    }

    .profile.wide .athlete-images {
        float: left;
        width: 18.25em;
        margin-right: 3.5em;
    }

    .profile.wide .content {
        float: left;
        width: 37em;
    }

    .profile .award {
        float: left;
        margin: 0 0.5em 0 0.5em;
    }

    .profile .athlete {
        float: left;
        width: 27.5em;
    }

    .profile.wide .athlete {
        float: none;
        width: 100%;
    }

    .profile .horses {
        float: left;
        width: 27.5em;
        margin-left: 3.5em;
    }

    .profile:after {
        content: ".";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both;
    }

    .profile .links {
        text-align: left;
    }

    #team-bios-biography .links {
        text-align: left;
    }

    #team-bios-list .social-links,
    .profile .social-links {
        text-align: left;
        color: #999;
        font-size: 1.25em;
    }

    #team-bios-list .social-links,
    #team-bios-biography .social-links {
        text-align: center;
    }

}