bungeejumping.css

/**
 * Responsive stylesheet
 *
 *   font-size: 100% 16px 14pt 5mm? 1em
 *
 * Using em with 16px base
 *  320px = 20em
 *  480px = 30em
 *  640px = 40em
 *  720px = 45em
 *  768px = 48em
 *  800px = 50em
 *  960px = 60em
 * 1024px = 64em
 * 1120px = 70em
 * 1280px = 80em
 * 1440px = 90em
 *
 * orientation: portrait/landscape
 *
 * min/max: width, device-width
 *
 */
/** small **/
@media screen and (max-width:64em) {

    body {
        word-wrap: break-word;
    }

    img,
    input,
    textarea {
        max-width: 100%;
    }

}  /** @media screen and MAX-width:64 **/



/** large **/
@media screen and (min-width:64em) {

    h1 {
        padding: 0 0 5mm 0;
    }


    #language {
        float: right;
        z-index: 1;
    }

    #home {
        position: absolute;
        top: 1%;
        left: 1%;
        z-index: 1;
    }


    /*** tables ***/
    .csstab64_table {
        display: table;
        width: 92%;
        margin: auto
    }

    .csstab64_row {
        display: table-row;
        width: 98%;
    }

    .csstab64_headerCell,
    .csstab64_cell {
        display: table-cell;
        margin: 0 auto;
    }

    div.lhead {
        z-index: 5;
        display: inline-block;
        width: 13%;
    }

    div.rhead {
        z-index: 5;
        display: inline-block;
        width: 13%;
    }

    div.chead {
        width: 72%;
        display: inline-block;
    }

}  /** @media screen and min-width:64em **/