/* Footer Styles - MFB 2018 */
@media only screen and (min-width: 300px) {
    .footer {
        display: flex;
        flex-direction: column;
        padding: 30px 0 50px;
        background-color: #0F1934;
        color: #FFF;
    }

    .footer-content > div {
        padding: 40px 0;
    }

    .footer-content > div:first-child {
        padding-bottom: 0;
    }

    .footer h4 {
        margin-bottom: 15px;
        font-size: 1.8rem;
        text-transform: none;
    }

    .footer--logo img {
        width: 100px;
        height: 100px;
    }

    .footer--donate {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 1px solid #374056;
    }

    .footer--donate span {
        cursor: pointer;
    }

    .footer--donate > .bold-link, .footer--donate > a.button.pinkBg {
        margin-bottom: 20px;
    }

    .footer--donate > a:last-child {
        margin-bottom: 0;
    }

    .footer--extras {
        border-bottom: 1px solid #374056;
    }

    .footer--extras > div {
        margin-bottom: 50px;
    }

    .footer--connect img {
        height: 30px;
        margin-right: 5px;
    }

    .footer--extras .download .two-column.fundraising {
        margin-bottom: 20px;
    }

    .footer h3 {
        font-size: 1.8rem;
    }

    .footer--extras a, .footer--copyright a {
        font-family: GraphikRegular, Arial, sans-serif;
        color: #92929B;
        text-decoration: none;
        text-transform: none;
    }

    .footer--extras a:hover, .footer--copyright a:hover {
        text-decoration: underline;
    }

    .left > *, .right > * {
        margin-bottom: 10px;
    }

    .footer--copyright {
        display: flex;
        flex-direction: column;
        font-size: 1.4rem;
    }

    .footer--copyright p {
        margin: 0 0 40px;
    }

    .footer .bold-link {
        font-family: GraphikBold, Arial, sans-serif;
        text-decoration: none;
        text-transform: uppercase;
        color: #FFF;
    }

    .footer .bold-link:hover {
        text-decoration: underline;
    }
}

@media only screen and (min-width: 800px) {
    .footer {
        flex-direction: row;
        justify-content: center;
        padding: 80px 0;
    }

    .footer-content {
        display: flex;
        flex-direction: row;
    }

    .footer-content > div {
        padding: 0 10px;
        width: 100%;
    }

    .footer--donate, .footer--extras {
        border: none;
    }

    .footer .bold-link {
        font-size: 1.8rem;
    }

    .footer-content > div:first-child, .footer-content > div:nth-child(2) {
        max-width: 260px;
    }
}