.supercade-main {
    text-align: center
}

.supercade-cell {
    padding: 0.5em 0.2em
}

ul.games {
    width: 90%;
    margin: 0 auto;
}

ul.games:first-of-type {
    padding-top: 1em
}

ul.dimensions {
    margin-top: 1em;
    font-weight: 700
}

ul.dimensions li {
    text-align: center
}

ul.games li {
    text-align: left
}

.supercade-btm {
    margin-top: 1em
}

@media screen and (min-width: 970px) {

    .supercade-main {
        position: relative;
        width: 100%;
        height: 600px;
        background: url('/images/discontinued/supercade/supercade_bg.jpg') no-repeat top left;
        background-size: cover
    }

    .machine {
        position: absolute;
        top: 85px;
        left: 0;
        z-index: 50
    }

    .logo {
        position: absolute;
        top: 0;
        left: 275px;
        z-index: 51
    }

    .text {
        position: absolute;
        top: 145px;
        left: 315px;
    }

    .supercade-right {
        position: absolute;
        top: 55px;
        right: 20px;
        width: 360px;
        height: 600px;
        padding: 0;
        font-size: 11px
    }

    .supercade-row {
        display: flex;
        padding: 0.5em 0.3em;
        text-align: left
    }

    .supercade-cell-left h1 {
        font-size: 14px
    }

    .supercade-right hr {
        width: 95%;
        height: 1px;
        padding: 0;
        margin: 0 auto;
        border-color: #dedede
    }

    .supercade-btm {
        text-align: left
    }

    div.games-list {
        display: flex;
        text-align: left
    }

    div.games-list ul {
        flex: 1 1 auto
    }

    div.games-list ul {
        padding-top: 1em
    }

    ul.dimensions {
        display: flex;
        justify-content: space-between;
        font-size: 12px
    }

    ul.dimensions {
        flex: 1 1 auto
    }

}

/*
#supercade-main { float:right; width:755px; background:url('../images/supercade_bg.jpg') no-repeat; text-align:right; }
#supercade-content { height:590px; margin-right:5px; border:0; }
#supercade-left { position:relative; float:left; width:375px; margin:0; padding:0; text-align:left; }
#supercade-left div.logo { position:absolute; top:0; left:175px; margin:0; padding:0; z-index:105; }
#supercade-left div.machine { position:absolute; top:85px; left:0; margin:0; padding:0; z-index:110; }
#supercade-left div.text { position:absolute; top:145px; left:215px; margin:0; padding:0; z-index:115; }
#supercade-right { float:right; width:355px; height:550px; margin:0; padding:0; font:8pt Arial, Helvetica, sans-serif;  }
#supercade-right hr { width:90%; margin:3px 0 3px 10px; padding:0; color:#444; }
#supercade-first { margin:0; padding:45px 5px 5px 10px; text-align:left; }
#supercade-second { margin:0; padding:5px 5px 5px 10px; text-align:left; }
#supercade-third { margin:0; padding:5px 5px 5px 10px; text-align:left; }
#supercade-btm { float:right; width:755px; margin-top:15px; padding:0; text-align:left; font-size:10pt; }
#supercade-btm h1 { font-size:1.4em; font-style:italic; }
#supercade-btm .bottom { padding-bottom:5px; }
#supercade-btm .tiny { font-size:8pt; }
#supercade-btm .gamesTbl { width:100%;  }
#supercade-btm .gamesTbl td { font-size:10pt; font-weight:bold; }
#supercade-btm .man { font-size:8pt; font-weight:normal; color:#666; padding-left:5px; }
#supercade-btm .games { padding:0 0 0 15px; margin:0; }
#supercade-btm .games li { margin:0; padding:0; }
table.dimensions { margin-top:10px; font-size:9pt; width:100%; }

.tiny { font-size:7pt; padding-left:2px; }
*/