.content-area {
float: left;
width: 100%;
margin: 0 0 0 -250px;
padding: 0 1rem 0 250px;
}
.content-area-wide {
float: none;
width: 100%;
margin: 0 auto;
padding: 0 2rem 0 0;
max-width: 1000px;
}
.site-main {
height: 100%;
}
.site-content {
margin-top: 2rem;
}
.site-content .widget-area {
float: right;
overflow: hidden;
width: 250px;
}
@media (min-width: 601px) and (max-width: 768px) {
.site-content {
margin-top: 1rem;
}
.content-area {
float: none;
width: 100%;
margin: 0;
padding: 0 1rem 0 1rem;
}
.content-area-wide {
padding: 0 1rem 0 0;
}
.site-content {
margin-top: 1rem;
}
.site-content .widget-area {
float: none;
overflow: hidden;
width: 100%;
}
} @media (max-width: 600px) {
.content-area {
float: none;
width: 100%;
margin: 0;
padding: 0 1rem 0 1rem;
}
.content-area-wide {
padding: 0 1rem 0 1rem;
}
.site-content {
margin-top: 1rem;
}
.site-content .widget-area {
float: none;
overflow: hidden;
width: 100%;
}
}