﻿h1.hidden-header {
    display: none;
}

#sidebar {
    float: right;
    width: 27%;
    min-width: 300px;
}

.content {
    float: left;
    width: 69%;
}

.content-area-wrap:after {
    content: " ";
    display: block;
    clear: both;
}

.content-area-wrap .left-area, .content-area-wrap.content-area-left-column .right-area {
    width: 69%;
    float: left;
}

.content-area-wrap .right-area, .content-area-wrap.content-area-left-column .left-area {
    width: 27%;
    float: right;
    min-width: 300px;
}

.content-area-wrap .bottom-area {
    clear: both;
}

@media only screen and (max-width: 920px) {
    .content-area-wrap .left-area {
        width: 100%;
        float: none;
    }

    .content-area-wrap .right-area {
        width: 100%;
        float: none;
    }
    #sidebar {
        float: none;
        width: 100%;
        min-width: 0px;
    }
    .content{
        float:none;
        width:100%;
        min-width:0px;
    }
}
