.site-content {
float: left;
margin: 0 -300px 0 0;
width: 100%;
}
#content {
margin: 0 300px 0 0;
padding-right: 60px;
width: 580px;
}
#secondary { float: right;
overflow: hidden;
width: 300px;
}
.site-footer {
clear: both;
}
@media screen
and (max-width: 740px) {
#main {
margin: 0px 20px 0 20px;
}
.site-content, #secondary {
float: none;
}
#content {
padding-right: 0;
}
#secondary {
width: 370px;
padding-top: 44px;
}
}
@media screen
and (max-width: 1000px) {
.site-content {
margin-bottom: 50px;
}
#content{
width: 371px;
}
}
@media screen and (max-device-width: 640px) {
.site-content,
#secondary {
float: none;
font-size: 190%!important;
}
#content {
width:560px;
padding-right: 0;
margin: 0 0 0 40px;
}
#secondary {
width: 560px;
margin: 44px 0 0 40px;
}
}