@media only screen {
    html, body, table { background-color: #111; }
    h1, h2, h3, h4, h5, h6, p, label, div, tr, th, td { color: #fff;}

    table tr.even, table tr.alt, table tr:nth-of-type(even) { background-color: inherit;}
    table tr td { color: #fff; }

    fieldset { border-radius: 1rem; background-color: rgba(255,255,255,0.1); }
    fieldset legend { background-color: transparent; padding: 0.4rem;}

    button { border-radius: 5px; }

    .buttons { text-align: center; }
} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
	
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
	.row { max-width: 80rem; }
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
	
}