﻿body {
    background: #444;
}

#page-content {
    position: relative;
    padding-bottom: 65px;
}

#footer {
    position: relative;
}

#wrap {
    margin: 0;
    padding: 0;
    height: auto;
    min-height: 0;
    background: #444;
}

#galleria {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#links a {
    display: inline-block;
    width: 100%;
    position: relative;
}

    #links a .share-buttons {
        position: absolute;
        bottom: 0px;
        left: 0px;
        line-height: 30px;
        padding: 0px 10px;
        background: rgba(0,0,0,0.7);
        left: 0px;
        right: 0px;
        display: none;
    }

    #links a:hover .share-buttons {
        display: block;
    }


    #links a img {
        display: inline-block;
        width: 100%;
        margin: 10px 0px;
    }


@media (min-width: 480px) {
    #links a {
        display: inline-block;
        width: 48%;
        margin: 1%;
    }

        #links a img {
            display: inline-block;
            width: 100%;
            margin: 0px 0px;
        }
}

@media (min-width: 992px) {
    #links a {
        display: inline-block;
        width: 31%;
        max-width: 480px;
        margin: 1%;
    }

        #links a img {
            display: inline-block;
            width: 100%;
            margin: 0px 0px;
        }
}

/*Larger Desktops*/
@media (min-width: 1460px) {
    #links a {
        display: inline-block;
        width: 23%;
        max-width: 480px;
        margin: 1%;
    }

        #links a img {
            display: inline-block;
            width: 100%;
            margin: 0px 0px;
        }
}
