.scrooltotop {
    a {
       background-color: #fdede0;
       color: $softyellow;
       width: 3rem;
       height: 3rem;
       line-height: 3rem;
        right: 1.25rem;
        bottom: 1.25rem;
        position: fixed;
        z-index: 5;
        text-align: center;
        border-radius: 50%;
        font-size: 1.5rem;
        &:hover{
            color: $white;
            background-color: $softyellow;
        }
    }
}

.social-link-footer {
    a {
        @include icon;
        right: 1.25rem;
        bottom: 1.25rem;
        z-index: 5;
    }
}

footer#colophon {
    padding: 1rem 0;
    border-top: 1px solid $softwhite;
    position: relative;
    background-color: $white;
}