



/* RESETS... */

    .homepage body {
        padding-top: 90px;
    }
    .homepage .site-inner {
        padding: 0;
    }
    .homepage div#page {
        max-width: 1120px;
    }


/* HOMEPAGE GRID REFLOW */

    #centerpanel, #centercard {
        margin: 0;
        border: 0;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: none;
        background-color: transparent;
    }
    #centercard * {
        box-sizing: border-box;
    }
    .gridcard {
        margin-bottom: 10px;
    }
    .gridslotleft, .gridslotright {
        width: 50%;
        float: left;
        padding: 2px;  /* padding needed for card shadows */
        padding-right: 10px;  /* must match */
    }
    .gridpic-aspect {
        width: 100%;
        height: auto;
    }
    .blackfont .gridtitle, .blackfont .gridsubtitle {
        color: #333;
    }
    .gridtitle {
        font: 400 1.3em/1 arial;
        padding: 18px 8px 0px 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
    }
    .gridsubtitle {
        font: 500 .75em/1.6 roboto;
        opacity: 0.7;
        padding: 4px 8px 0px 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
    }
    .gridcard .gridbuttons {
        padding:  18px 8px 12px 8px;
        margin-bottom: 4px;
        text-align: right;
    }
    .gridcard .prod::after {
        content: "\00BB";
        position: relative;
        top: -2px;
        margin: 0px 0px 0px 3px;
    }


        @media only screen and (min-width: 500px) and (max-width: 750px) {
            .gridslotleft, .gridslotright {
                width: 100%;
                padding-right: 2px;
            }
            .gridcard {
                margin-bottom: 5px;
            }
        }
        @media only screen and (max-width: 450px) {
            .gridslotleft, .gridslotright {
                width: 100%;
                padding-right: 2px;
            }
            .gridcard {
                margin-bottom: 5px;
            }
        }



