.footer {
    background-color: #292c2f;
    text-align: center;
    font-size: 1.2rem;
    padding: 1rem;
    position:absolute;
    bottom:0;
    width:99.6%;
    height:120px;
}

    .footer p.slogan {
        color: #8d9093;
        font-size:x-large;
        margin: 2rem 0 1rem;
    }

    .footer p.copywrite {
        color: #8f9296;
        font-size:medium;
        margin: 0;
    }

    .footer .links a {
        list-style: none;
        font-weight: bold;
        color: #ffffff;
        padding: 3rem 0 2rem;
        margin: 0;
    }

        .footer .links a::after {
            content: "•";
            padding: 0 0.4rem 0 0.8rem;
        }

        .footer .links a:last-child::after {
            content: "";
            padding: 0 0.4rem 0 0.8rem;
        }