#footer {
    background-color: #fafafa;
}

#footer .content {
    padding: 46px 25px;
}

#footer-mailing {
    width: 315px;
    float: right;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI1MnB4IiBoZWlnaHQ9IjExcHgiPjxwYXRoIGZpbGw9InJnYigxNTMsMTUzLDI1NSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjAwIDAuMDAgQzEwLjAwIDAuMDAgMTguMDAgMC4wMCAxOC4wMCAwLjAwIEMxOC4wMCAwLjAwIDguMDAgMTEuMDAgOC4wMCAxMS4wMCBDOC4wMCAxMS4wMCAwLjAwIDExLjAwIDAuMDAgMTEuMDAgQzAuMDAgMTEuMDAgMTAuMDAgMC4wMCAxMC4wMCAwLjAwIFoiLz48cGF0aCBmaWxsPSJyZ2IoMjU1LDE1MywxNTMpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNi4wMCAwLjAwIEMzNi4wMCAwLjAwIDQ0LjAwIDAuMDAgNDQuMDAgMC4wMCBDNDQuMDAgMC4wMCAzNC4wMCAxMS4wMCAzNC4wMCAxMS4wMCBDMzQuMDAgMTEuMDAgMjYuMDAgMTEuMDAgMjYuMDAgMTEuMDAgQzI2LjAwIDExLjAwIDM2LjAwIDAuMDAgMzYuMDAgMC4wMCBaIi8+PC9zdmc+') repeat-x top #ffffff;
}

#footer-mailing .footer-mailing-text {
    padding: 45px 20px;
    text-align: center;
}

#footer-mailing .footer-mailing-text .title {
    font-family: 'gotham_probold', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 21px;
}

#footer-mailing .footer-mailing-text form > * {
    text-align: center;
    width: 100%;
}

.footercopyright {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #999999;
    font-size: 12px;
    padding-top: 10px;
    line-height: 1.8rem;
}

.footer-links {
    margin-bottom: 150px;
}

#medialinks {
    padding: 5px 0 30px;
}

#medialinks > a {
    font-family: 'gotham', sans-serif;
    margin-right: 24px;
    font-size: 22px;
    color: #000001;
    text-decoration: none;
}

#medialinks > a:hover {
    color: #7f8e91;
}

.footer-links a {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #999999;
    font-size: 12px;
    margin-right: 28px;
    white-space: nowrap;
}

.footer-links a:hover {
    color: #000001;
}

.socials {
    padding-bottom: 20px;
}

.socials a {
    margin-right: 30px;
    text-decoration: none;
    color: #d3d3d3;
    font-size: 2.4rem;
}

.socials a:last-child {
    margin-right: 0;
}

.socials a:hover {
    color: #ffffff;
}

@media only screen and (max-width: 800px) {
    #footer-footer {
        text-align: center;
    }

    #footer-mailing {
        float: none;
        width: auto;
        margin: 0 9%;
    }

    #footer-mailing .footer-mailing-text .title {
        padding: 0;
    }

    #footer-mailing .footer-mailing-text p {
        float: none;
    }

    .footer-links a {
        margin-right: 15px;
    }

    .socials a {
        margin-right: 25px;
    }

    #medialinks > a {
        display: block;
        margin: 25px 0;
    }
}

@media only screen and (max-width: 320px) {
    #footer-mailing {
        margin: 0;
    }
}