@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
 @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css');

/* Landscape phones and down */
 @media (max-width: 800px) {
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        display:none
    }
    tr {
        border-bottom: 2px solid black;
    }
    td {
        /* Behave  like a "row" */
        border: none;
        white-space: normal;
        text-align: left;
        position: relative;
        text-wrap: normal;
    }
    .span {
  display: block;
    }
    td:before {
        float: left;
        display: block;
        padding: 1px 1px;
        padding-right: 800px;
        white-space: normal;
        text-align:left;
        font-weight:800;
        text-transform: uppercase;
        
    }
    /*
	Label the data
	*/
    td:before {
        content: attr(data-title);
    }
}