.downloads {
    padding: 16px;
    // Needs latest Compass, add '@import "compass"' to your scss
    // Permalink - use to edit and share this gradient:
    // http://colorzilla.com/gradient-editor/#e4e5e9+0,e4e5e9+66,f6f7f9+67,f6f7f9+100
    background-color: $grey1; // Old browsers
    @include filter-gradient($grey1, $grey2, vertical); // IE6-9
    @include background-image(linear-gradient(top, $grey1 0%, $grey1 66%, $grey2 67%, $grey2 100%));

    .inner {
        position: relative;
        //min-height: 120px;
    }

    ul {
        position: relative;
        z-index: 5;
        min-height: 50px;
        margin: 0;
        padding: 8px;
        background: rgba(255, 255, 255, 0.5);
        list-style: none;
        //font-size: 14px;
    }

    li {
        margin-bottom: 8px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    .ce-uploads-fileName {
        word-wrap: break-word;
    }

    .ce-uploads-filesize {
        display: inline-block;
        font-size: 70%;
    }

    a {
        display: inline;
    }

    .headline {
        font-weight: bold;
        position: relative;
        z-index: 5;
    }

    .icon-folder-download {
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        @include transform(translate(-50%, -50%));
        font-size: 64px;
        color: lighten($grey3, 25%);
    }

    @include breakpoint($mobile-l) {
        margin-top: -16px;
    }
}