/************************************** UNCOMMON IMPACT */
div#uncommonimpact {
    width: 900px;
    margin: 0 auto;
    margin-top: -50px;
    vertical-align: top;
}
div#uncommonimpact.pnp,
div#uncommonimpact.pp
{
    width: 800px;
    margin-top: 10px;
}
div#uncommonimpact.ui {
    margin-top: 10px;
    margin-bottom: 20px;
}

div#uncommonimpact.blog {
    width: 925px;
}
div#uncommonimpact span.logo,
div#uncommonimpact a.logo,
span.uncommonimpact_logo {
    vertical-align: top;
    display: inline-block;
    width: 225px;
    height: 60px;
    border-right: 1px solid #cecece;
    background: url("../images/pages/uncommonimpact.png") 15px 10px no-repeat;
}
div#uncommonimpact.blog span.logo {
    height: 91px;
    background: url("../images/pages/uncommonschools.jpg") 35px 10px no-repeat;
}

span.uncommonimpact_logo {
    display: block;
    border: 0;
    margin: 10px auto;
}

div#uncommonimpact article {
    display: inline-block;
    width: 640px;
    margin-left: 14px;
    color: #808080;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
div#uncommonimpact.pnp article {
    width: 540px;
}
div#uncommonimpact.blog article {
    width: 665px;
    font-size: 14px;
    line-height: 22px;
    color: #808080;
}

div#uncommonimpact.pp article {
    width: 800px;
    margin-left: 0;
}

div#uncommonimpact.pp article p {
    margin: 16px auto;
}

div#uncommonimpact.pp article p a {
    color: #c3512f;
    font-family: "Franklin Gothic Demi Cond";
}
/************************************** UNCOMMON IMPACT */

@media screen and (max-width:768px) {
    div#uncommonimpact.pnp,
    div#uncommonimpact.pp,
    div#uncommonimpact.ui {
        width: 100%;
        font-size: 0;
    }
    div#uncommonimpact.pnp .logo,
    div#uncommonimpact.pp .logo,
    div#uncommonimpact.ui .logo {
        width: 25%;
        padding: 0;
        border: none;
        background-size: 100% auto;
        background-position: center;
        box-sizing: border-box;
    }
    div#uncommonimpact.pnp article,
    div#uncommonimpact.pp article,
    div#uncommonimpact.ui article {
        width: calc(75% - 20px);
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #cecece;
        box-sizing: border-box;
    }
    span.uncommonimpact_logo {
        max-width: 100%;
        background-position: center;
        background-size: contain;
    }
}
@media screen and (max-width:450px) {
    div#uncommonimpact.pnp .logo,
    div#uncommonimpact.pp .logo,
    div#uncommonimpact.ui .logo {
        width: 225px;
    }
    div#uncommonimpact.pnp article,
    div#uncommonimpact.pp article,
    div#uncommonimpact.ui article {
        width: 95%;
        margin-left: 5%;
        padding-left: 5%;
    }
}