#banner {
    background-image: url(/Images/Banner.jpg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    margin-top: 10px;
    display: table;
}

    #banner > div {
        display: table-cell;
        vertical-align: middle;
        text-shadow: 2px 2px 2px #333;
        font-family: Adelle, Arial, Verdana;
        font-size: 48px;
        font-weight: bold;
        color: white;
        text-align: center;
    }

ul.product-list {
    list-style-type: none;
    margin: auto;
    padding: 0;
}

    ul.product-list li {
        display: inline-block;
        width: 20%;
        background-color: #FCFCFC;
        text-align: center;
        box-sizing: border-box;
    }

        ul.product-list li img {
            max-width: 100%;
            border: none;
        }

        ul.product-list li a {
            text-decoration: none;
            color: #333333;
        }

/*******************************************************************************/
@media screen and (max-width: 1187px) {
    #banner {
        height: 280px;
        width: 100%;
    }

        #banner > div {
            font-size: 40px;
        }

}

/*******************************************************************************/
@media screen and (max-width: 857px) {
    #banner {
        height: 250px;
    }

        #banner > div {
            font-size: 36px;
        }

    ul.product-list li {
        width: 25%;
    }
}

/*******************************************************************************/
@media screen and (max-width: 680px) {
    #banner {
        height: 200px;
    }

        #banner > div {
            font-size: 30px;
        }

    ul.product-list li {
        width: 33.3%;
    }
}

/*******************************************************************************/
@media screen and (max-width: 540px) {
    ul.product-list li {
        width: 50%;
    }
}

/*******************************************************************************/
@media screen and (max-width: 480px) {
    #banner {
        height: 180px;
    }
}