@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);
}
