.content-area {
float: left;
margin: 0 -32% 0 0;
width: 100%;
}
.site-main {
margin: 0 32% 0 0;
}
.site-content .widget-area {
float: right;
overflow: hidden;
width: 30%;
border-left: 2px dotted #ddd;
padding-left: 2%;
margin-top: 2.5em;
}
.site-footer {
clear: both;
width: 100%;
} @media screen and (max-width: 48em) {
.content-area {
margin: 0 0 0 0;
width: 100%;
}
.site-main {
margin: 0 0 0 0;
}
.site-content .widget-area {
float: none;
width: 100%;
border-left: none;
padding-left: 0;
margin-top: 2.5em;
}
.site-footer {
clear: both;
width: 100%;
}
}