criticla thinking

/* SCORING GUIDE FLAT FILE CSS created: 5/20/2016 @autor Christina Adams Using old HTML table structure, updating brand with new CSS */ html{ height:100%; font-family:Helvetica, Arial, sans-serif; font-size:100%; line-height:1.2; margin:0px; padding:0px; position:relative; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; background:#fff; } body{ margin:0px; padding:0px; color:#333; position:relative; clear:both; } a{ color:#2e91c2; text-decoration:none; } a:hover, a:focus{ color:#094f6e; } #pageTitleDiv{ padding:30px 5% 20px 5%; position:relative; clear:both; border-top:60px solid #1a1712; } #pageTitleDiv:before{ content: ''; background: url(//media.capella.edu/Blackboard9/scoring_guide/images/capella_logo_flatscoring.svg) 0 0 no-repeat; position: absolute; top: -60px; background-size: contain; width: 400px; height: 35px; margin:13px 0px; } #pagebodyDiv{ padding:0px 5%; } #wrapper{ width:100%; max-width:1200px; margin:0px auto 50px auto; clear:both; overflow:hidden; } .printpage{ float:right; } .printpage:hover, .printpage:focus{ text-decoration:underline; } .printpage:before{ content:''; height:20px; width:20px; background: url(//media.capella.edu/Blackboard9/scoring_guide/images/print.svg) 0 0 no-repeat; background-size:contain; display:inline-block; margin-right:8px; vertical-align:text-bottom; } h1{ clear:both; font-size:25px; font-weight:lighter; max-width:1200px; margin:0 auto; } .access{ display:none; } table{ /*table-layout:fixed;*/ margin-top:30px; } table, th, td{ border-collapse:collapse; } th,td{ padding:1%; border:1px solid #999; vertical-align:top; } thead tr{ background:#1a1712; color:#fff; font-size:.8em; text-transform:uppercase; letter-spacing:.05em; } thead tr th{ font-weight:normal; border:1px solid #eee; vertical-align:middle; } thead tr th:nth-child(2){ background:#e50000; color:#fff; } thead tr th:nth-child(3){ background:#F0a001; color:#fff; } thead tr th:nth-child(4){ background:#009450; } thead tr th:nth-child(5){ background:#0D4F27; } tbody{ border-top:1px solid #999; z-index:9; } tbody th, tbody th strong{ font-weight:normal; text-align:left; width:25%; font-size:1.1em; } td{ width:18%; } @media screen and (max-width:870px){ html{ font-size:.85em; } #pageTitleDiv{ padding:15px 2% 15px 2% } #pagebodyDiv{ padding:0px 2%; } #wrapper{ width:auto; /*padding:0px 2%;*/ } tbody th, td{ width:auto; } th,td{ padding:.5em; word-wrap:break-word; } }