Raztopher

@media screen and (max-width: 1000px) { .no_sidebar article { width: 31.3333% !important; } } @media screen and (max-width: 900px) { .sidebar article { width: 46% !important; } .no_sidebar article { width: 48% !important; } .notification { font-size: 1.2em; } } @media screen and (max-width: 700px) { .sidebar article { width: 96% !important; } .sidebar #masthead { width: 91%; position: static; text-align: center; border-right: none; padding: 15% 4% 0 4%; } .sidebar #content, .sidebar #pagination { width: 100%; } } @media screen and (max-width: 600px) { .notification { font-size: 1em; } .no_sidebar article, .sidebar article { margin: 4%; } .no_sidebar article { width: 92% !important; } } @media screen and (max-width: 400px) { #details { margin-top: 3%; } } .button, .exit { background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.21); color: #fff; display: inline-block; padding: 2% 5%; position: relative; } .button:hover, .exit:hover { background: rgba(0, 0, 0, 0.78); }