/* Scroll to Top */
html {
    #topcontrol {
        background: #404040;
        background: rgba(64, 64, 64, 0.75);
        border-radius: $border-base $border-base 0 0;
        color: #FFF;
        width: 45px;
        height: 42px;
        #{$right}: 20px;
        text-align: center;
        text-decoration: none;
        z-index: 1040;
        @include transition(background 0.3s ease-out 0s);

        &:hover {
            background: #404040;
        }

        i {
            position: absolute;
            height: 24px;
            line-height: 24px;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
        }
    }
}

/* Responsive */
@media #{$screen-medium} {

    html #topcontrol {
        display: none;
    }

}