.background-wallpaper {
    @extend .no-border;
    color: #fff;

    .box {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
        background-color: rgba(0, 0, 0, 0.25);
        border: 0;
    }

    a.button--secondary {
        border: 0;
    }

    &.ubuntu {
        background: url(images/wallpapers/ubuntu.jpg) 100% 70%;
    }

    &.kubuntu {
        background: linear-gradient(to bottom, rgba(51,51,51,0.7), rgba(51,51,51,0.7)), url(images/derivate/kubuntu/kubuntu-default-wallpaper.jpg) 100% 70%;
    }
    
    &.xubuntu {
        background: linear-gradient(to bottom, rgba(51,51,51,0.5), rgba(51,51,51,0.5)), url(images/derivate/xubuntu/xubuntu-default-wallpaper.jpg) 100% 70%;
    }
    
    &.lubuntu {
        background: linear-gradient(to bottom, rgba(51,51,51,0.5), rgba(51,51,51,0.5)), url(images/derivate/lubuntu/lubuntu-default-wallpaper.jpg) 100% 70%;
    }
    
    &.ubuntugnome {
        background: linear-gradient(to bottom, rgba(51,51,51,0.6), rgba(51,51,51,0.6)), url(images/derivate/ubuntugnome/ubuntugnome-default-wallpaper.jpg) 100% 70%;
    }
    
    &.ubuntumate {
        background: linear-gradient(to bottom, rgba(51,51,51,0.4), rgba(51,51,51,0.4)), url(images/derivate/ubuntumate/ubuntumate-default-wallpaper.jpg) 100% 50%;
    }
    
    &.edubuntu {
        background: linear-gradient(to bottom, rgba(51,51,51,0.6), rgba(51,51,51,0.6)), url(images/derivate/edubuntu/edubuntu-default-wallpaper.jpg) 100% 55%;
    }
 
    &.ubuntustudio {
        background: linear-gradient(to bottom, rgba(51,51,51,0.5), rgba(51,51,51,0.5)), url(images/derivate/ubuntustudio/ubuntustudio-default-wallpaper.jpg) 100% 100%;
    }
    &.ubuntubudgie {
        background: linear-gradient(to bottom, rgba(51,51,51,0.5), rgba(51,51,51,0.5)), url(images/derivate/ubuntubudgie/ubuntubudgie-default-wallpaper.jpg) 100% 100%;
    }
}

.img-derivate-prew {
	max-width: 420px;
}
