h4.sponsor-message {
    font-size: 21px;
    margin: 22px 0;
    letter-spacing: 0px;
    font-weight: bold;
}

span.sponsor-name {
    padding-left: 20px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
}

#sponsor-box {
    color: #666;
    font-size: 90%;
    padding: 10px;
    background: #eeeff0;
}

#sponsor-box .avatar img {
    width: 100%;
    height: auto;
}

#sponsor-box .inner {
    padding: 20px;
    border: 1px solid #000;
}

#sponsor-box .sponsor-info, #sponsor-box .sponsor-social {
    margin-left: 20%;
}

#sponsor-box .sponsor-social {
    margin-top: 20px;
}

#sponsor-box .sponsor-info p {
    margin: 5px 0;
}

.sponsor-social li {
    display: inline-block;
    margin-right: 15px;
    font-size: 80%;
    letter-spacing: 0.2em;
}

@media (min-width: 300px) {
    #sponsor-box .avatar {
        float: left;
        width: 100%;
        height: 11%;
        margin-right: 5%;
    }
}

@media (min-width: 700px) {
    #sponsor-box .avatar {
        float: left;
        width: 50%;
        height: 11%;
        margin-right: 5%;
    }
}

@media (min-width: 1200px) {
    #sponsor-box .avatar {
        float: left;
        width: 50%;
        height: 11%;
        margin-right: 5%;
    }
}