@media screen and (max-width: 768px){ .tablet-hide{ display:none; } } @media screen and (max-width: 480px){ .mobile-hide{ display:none; } } @media screen and (max-width: 768px){ #content{ margin-left:0; } #content #content{ padding:1.618em; } #content.shift{ position:fixed; min-width:100%; left:85%; top:0; height:100%; overflow:hidden; } } @media screen and (min-width: 1400px){ #content{ background:rgba(0,0,0,0.05); } #content{ background:#fcfcfc; } } @media screen and (max-width: 768px){ #copyright{ width:85%; display:none; } #copyright.shift{ display:block; } } @media screen and (max-width: 480px){ #content .sidebar{ width:100%; } } @media screen and (max-width: 768px) { #table-of-contents { display: none; width: 60%; } #table-of-contents h2 a { display: block; } #table-of-contents:target { display: block; } #copyright, #postamble { display: none; } #toggle-sidebar { display: block; margin-bottom: 1.6em; padding: 0.6em; text-align: center; } #toggle-sidebar h2 { background-color:#2980B9; width:100%; height:50px; left:0; top:0; color: white; font-size: 100%; line-height: 50px; position:fixed; margin: 0; padding: 0; opacity:0.7; } #table-of-contents .close-sidebar { color: rgba(255, 255, 255, 0.3); display: inline-block; margin: 0px 10px 0px 45px; padding: 10px; } }