/* adaptive footer */
.footer {
    padding: 20px 0;
    background-color: white;
}
.footer .wrapper {
    overflow: hidden;
    padding:0 60px;
}
.footer p {
    display: block;
    float: left;
    padding: 0;
    margin: 0 30px 0 0;
    line-height: 30px;
}
.footer a {
    line-height: 30px;
    color:#999;
}
.footer a:hover {
    color: #141414;
}
.footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: right;
}
.footer ul li {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    line-height: 30px;
}
.footer ul li a {
    padding: 0;
    display: block;
    margin: 0 0 0 30px;
}


@media (max-width: 800px) {

    .footer p {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    .footer .wrapper {
        text-align: center;
        font-size: 1.4em;
    }
    .footer ul {
        float: none;
        display: block;
        text-align: center;
    }
    .footer ul li {
        float: none;
        display: inline;
    }
    .footer ul li a {
        margin-left: 0;
        margin-right: 12px;
        display: inline;
        white-space: nowrap;
    }
}