#banner
{
    height:418px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-image:url("https://pushpoppress.com/ourchoice/images/about/banner.jpg");
}

#social-about
{
    position:absolute;
    top:50px;
    right:-0px;

    width:248px;
    height:33px;
}

#blurb
{
    height:922px;
}

    #blurb p
    {
        width:735px;
    }

#blurb a
{
    color:inherit;
    text-decoration:underline;
}

#mission-statement
{
    min-height:650px;
    overflow:visible;
}

    #ted-talk
    {
        float:left;

        width:338px;
    }

        #ted-talk #ted-player
        {
            position:relative;

            top:0px;
            left:3px;
            width:335px;
            height:190px;
            margin-bottom:100px;

            z-index:10;

            -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
        }

        #ted-talk .player img
        {
            position:absolute;
            z-index:-100;
            width:100%;
            height:100%;
        }

        #ted-talk #ted-talk-link
        {
            position:absolute;
            top:220px;
        }

        #ted-talk p
        {
            position:absolute;
            top:250px;
            font-size:18px;
        }

        #ted-talk a, #ted-talk a:hover, #ted-talk a:visited
        {
            color:inherit;
            text-decoration:underline;
        }

        #ted-talk a:hover
        {
            color:#333333;
        }

    #platform-list
    {
        position:absolute;
        left:409px;
        top:-3px;
    }

        #platform-list h3
        {
            margin-bottom:35px;
        }

        #platform-list ul
        {
            list-style:none;
        }

        #platform-list li
        {
            padding-left:24px;
            margin-bottom:15px;

            background-repeat:no-repeat;
            background-image:url("../images/about/checkmark.gif");
        }

        #platform-list li p
        {
            color:#7f7f7f;
            font-size:15px;
            margin:0px;
        }

#team
{
    overflow:visible;
    height:360px;
    margin-bottom:30px;
}

    .hint
    {
        margin-left:-2px;
    }

    .hint:after
    {
        content:"Rollover a team member to learn more";
    }

    @media  only screen and (min-device-width: 768px) and (max-device-width: 1024px),
            only screen and (max-device-width: 480px)
    {
        .hint:after
        {
            content:"Tap on a team member to learn more";
        }
    }

    #team ul
    {
        list-style:none;
    }

    #team ul li
    {
        width:167px;
        overflow:visible;

        float:left;
        margin-right:42px;
    }

    #team a, #team a:hover, #team a:visited
    {
        display:block;

        width:170px;
        height:270px;

        margin:0px;
        padding:0px;

        color:inherit;
        text-decoration:none;
    }

    #team .portrait
    {
        position:relative;
        list-style:none;

        height:270px;
        width:170px;
    }

    #team .portrait a.personal-page
    {
        position:absolute;
        bottom:0px;

        font-size:15px;
        font-weight:normal;
        text-decoration:underline;
        height: auto;
        top: auto!important;
    }

    #team .portrait:hover a.personal-page
    {
        color:#333333;
    }

    #team .portrait img
    {
        opacity:0.85;
        padding:0px;
        margin-bottom:17px;
    }

    #team .portrait:hover img
    {
        opacity:1.0;
    }

    #team .portrait a,#team .portrait a:hover,#team .portrait a:visited
    {
        position:absolute;
        top:0px;

        color:inherit;
        font-size:15px;
        font-weight:normal;
    }

    #team .portrait h3
    {
        font-size:25px;
        margin-bottom:10px;
    }

    ul p
    {
        font-size:15px;
    }

    #team .portrait a.personal-twitter
    {
        display:block;

        position:absolute;
        top:46px;
        right:32px;

        width:128px;
        height:25px;

        background-image:url("../images/about/twitter.gif");
    }

    #team ul.portrait a.personal-twitter:hover
    {
        background-image:url("../images/about/twitter-over.gif");
    }

#contact
{
    height:575px;
}

a#twitter
{
    position:absolute;
    top:45px;
    right:0px;
    display:block;

    width:228px;
    height:33px;

    background-image:url("../images/about/twitter-us.gif");
}

a#twitter:hover
{
    background-image:url("../images/about/twitter-us-over.gif");
}

#contact ul
{
    list-style:none;
}

#contact li
{
    margin:0 0 20px 0;
}

#contact a, a:hover, a:visited
{
    color:inherit;
    text-decoration:underline;
}

@media (max-width: 1024px){
    #team .portrait a{
        pointer-events: none;
    }
    #team .portrait a.personal-page{
        pointer-events: all;
    }
}