.staffMemberPhoto
{
    float: left;
}

    .staffMemberPhoto img
    {
        width: 100%;
    }

.staffMemberInfo
{
    float: left;
}

@media screen and (min-width: 0px)
{
    .staffMemberPhoto
    {
        width: 100%;
    }

    .staffMemberInfo
    {
        width: 100%;
        margin: 40px 0 0 0;
    }
}

@media screen and (min-width: 1024px)
{
    .staffMemberPhoto
    {
        width: 462px;
    }

    .staffMemberInfo
    {
        width: 412px;
        padding: 0 0 0 50px;
        margin: 0;
    }

    .staffMemberBio
    {
        height: 220px;
        overflow: hidden;
    }

        .staffMemberBio .bioContent
        {
            width: 382px;
        }
}

@media screen and (min-width: 1250px)
{
    .staffMemberPhoto
    {
        width: 575px;
    }

    .staffMemberInfo
    {
        width: 525px;
        padding: 0 0 0 50px;
    }

    .staffMemberBio
    {
        height: 300px;
        overflow: hidden;
    }

        .staffMemberBio .bioContent
        {
            width: 495px;
        }
}

@media screen and (min-width: 1400px)
{
    .staffMemberPhoto
    {
        width: 650px;
    }

    .staffMemberInfo
    {
        width: 600px;
        padding: 0 0 0 50px;
    }

    .staffMemberBio
    {
        height: 350px;
        overflow: hidden;
    }

        .staffMemberBio .bioContent
        {
            width: 570px;
        }
}