☮ ✌ ★ ☯

@media screen and (max-width: 1000px) { .no_sidebar article { width: 31.3333%; } } @media screen and (max-width: 1000px) { .sidebar article { width: 46%; } } @media screen and (max-width: 700px) { .sidebar article { width: 96%; } .sidebar #masthead { width: 91%; position: static; text-align: center; border-right: none; padding: 15% 4% 0 4%; } .sidebar #content, .sidebar #pagination { width: 100%; } .sidebar article { width: 92%; } } @media screen and (max-width: 600px) { .no_sidebar article, .sidebar article { margin: 4%; } .no_sidebar article { width: 92%; } .sidebar article { width: 92%; } } @media screen and (max-width: 400px) { #details { margin-top: 3%; } } .button { color: white !important; padding: 0.6%; background: rgba(0, 0, 0, 0.5); } .button:hover { background: rgba(0, 0, 0, 0.3); }