footer {background-color:var(--green);}

    footer .cta {padding:7rem 0; border-bottom:var(--white) 1px solid;}

    footer .cta h2, footer .cta p {color:var(--white);}

    footer .cta p {margin:1.5rem auto 2rem auto;}


    .footer {padding:7rem 0 4rem 0; text-align:center;}
    @media (min-width: 768px) {.footer {text-align:left;}}

        .footer .links {padding-bottom:5rem;}
        @media (min-width: 768px) {.footer .links {padding-bottom:7rem;}}

        .footer .col-md,
        .footer .col-md-2 {margin-bottom:3rem;}
        @media (min-width: 768px) {.footer .col-md, .footer .col-md-2 {margin-bottom:0;}}

            .footer .links h5 {color:var(--light-green); margin-bottom:1rem; font-size:2rem;}
            @media (min-width: 768px) {.footer .links h5 {font-size:1.8rem;}}


            .footer .links ul {list-style:none;}

                .footer .links ul li {margin-bottom:1rem; font-size:1.6rem;}
                @media (min-width: 768px) {.footer .links ul li {margin-bottom:.75rem; font-size:1.3rem;}}

                    .footer .links ul li a:link, .footer ul li a:visited {color:var(--white);}
                    .footer .links ul li a:hover, .footer ul li a:active {color:var(--light-green); transition:.2s;}

            .footer .links .submark {height:6rem; margin-bottom:1rem;}

            .footer .links p {font-size:1.6rem; color:var(--white); margin-bottom:2rem;}
            @media (min-width: 768px) {.footer .links p {font-size:1.4rem; margin-bottom:1.5rem;}}

            .footer .links .social {height:3rem; margin-right:.75rem;}

        .footer .attribute p, .footer .attribute a {font-size:1.3rem; color:var(--white); margin-right:1.5rem;}