/*----Footer Section----*/
.footer__row {
    background-color: rgb(221,221,221);
    font-family: 'LemonMilk Light', serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
}

    .footer__row a {
        display: block;
        color: var(--atp-blue);
        text-decoration: none;
        font-size: 2vh;
        word-spacing: -3px;
    }

    .footer__row svg path {
        fill: var(--atp-black);
    }

.footer__links h1 {
    color: var(--atp-black);
    font-size: 2.5vh;
}

.footer__links a:hover, .footer__links a:visited {
    color: var(--atp-blue);
}

.social__links--mobile a {
    display: inline-block;
}

.social__links {
    text-align: end;
}

    .social__links a {
        display: inline-block;
    }

        .social__links a:nth-child(odd) {
            padding-right: 2vw !important;
        }

    .social__links div:last-of-type {
        margin-top: 2vw;
    }

.cert__row--col {
    text-align: center;
    align-self: center;
}

    .cert__row--col img, .cert__row--col a {
        width: 7vw;
        display: inline-block;
        vertical-align:middle;
    }

.copyright__div, .copyright__div a, .copyright__div a:hover, .copyright__div a:visited {
    text-align: center;
    margin-top: 2vh;
    color: var(--atp-black);
    font-size: 1.25vh;
}

@media only screen and (max-width: 719px) {
    .footer__row {
        padding: 3vh 5vw 3vh 5vw;
    }

        .footer__row svg {
            width: 10vw;
        }

    .social__links {
        display: none;
    }

    .social__links--mobile .col {
        text-align: center;
        margin-top: 3vh;
    }

    .cert__row--col {
        display: none;
    }

    .footer__links {
        text-align: center;
        flex:0 0 100%;
        max-width:100%;
    }

    .cert__row--mobile {
        padding-top: 3vh;
        text-align: center;
    }

        .cert__row--mobile img, .cert__row--mobile a {
            width: 20vw;
            vertical-align:middle;
            display:inline-block;
        }
}

@media only screen and (min-width: 720px) {
    .footer__row {
        padding: 5vh 10vw 3vh 10vw;
    }

        .footer__row svg {
            width: 3vw;
        }

    .social__links--mobile {
        display: none;
    }

    .cert__row--mobile {
        display: none;
    }
}