@charset "UTF-8";
.footer {
    position: relative;
    background-color: #dde9ed;
    color: #a7b6ba;
    padding: 1.5em 2.5em 2em;
    h2 {
        font-size: 1em;
        font-weight: 400;
        margin: 0;
        margin-bottom: 0.8em;
    }
    p {
        line-height: 1.5;
        font-size: 0.8em;
        a {
            color: #a7b6ba;
            text-decoration: none;
            &:hover {
                text-decoration: underline;
                color: #a7b6ba;
            }
        }
    }
    .copyright {
        position: absolute;
        right: 2em;
        bottom: 1em;
    }
}

@media screen and (max-width: 992px) {
    .footer {
        padding: 4em 3.5em 4em;
        h2 {
            font-size: 2em;
            font-weight: 500;
            margin-bottom: 0.5em;
            span {
                font-weight: 100;
            }
        }
        p {
            line-height: 1.6;
            font-size: 1.3em;
        }
        .copyright {
            position: static;
            right: auto;
            bottom: auto;
        }
    }
}