/* Ajusta o conteúdo principal para ocupar 75% da largura */
#main-content, .content-area, .main-content, .site-content, #content, .content, .page-content,
.col-md-8, .col-lg-8, .col-sm-8, .col-xs-8,
.col-md-9, .col-lg-9, .col-sm-9, .col-xs-9,
.primary, #primary {
    width: 90% !important;
    max-width: 90% !important;
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    padding: 0 2vw 0 0 !important;
}

/* Sidebar ocupa só 25% (ou menos) da largura */
#primary-sidebar, .sidebar, .widget-area, .sidebar-primary, 
.col-md-4, .col-lg-4, .col-sm-4, .col-xs-4,
.col-md-3, .col-lg-3, .col-sm-3, .col-xs-3,
#secondary, .secondary, .right-sidebar, .left-sidebar {
    width: 10% !important;
    max-width: 10% !important;
    float: right !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    display: block !important;
    min-width: 150px !important;   /* evita sumir em telas grandes */
}

/* Opcional: Em telas pequenas, sidebar some */
@media (max-width: 900px) {
    #main-content, .content-area, .main-content, .site-content, #content, .content, .page-content,
    .col-md-8, .col-lg-8, .col-sm-8, .col-xs-8,
    .col-md-9, .col-lg-9, .col-sm-9, .col-xs-9,
    .primary, #primary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }
    #primary-sidebar, .sidebar, .widget-area, .sidebar-primary, 
    .col-md-4, .col-lg-4, .col-sm-4, .col-xs-4,
    .col-md-3, .col-lg-3, .col-sm-3, .col-xs-3,
    #secondary, .secondary, .right-sidebar, .left-sidebar {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
    }
}