/**
 * @file
 * Visual styles for Bartik's main-content component.
 */

.main-content .section {
    padding: 0 15px;
}

.main-content h2 {
    margin-bottom: 2px;
    font-size: 1.429em;
    line-height: 1.4;
}

@media all and (min-width: 851px) {
    .main-content {
        float: left;
        /* LTR */
        position: relative;
    }
    [dir="rtl"] .main-content {
        float: right;
    }
    .layout-two-sidebars .main-content {
        margin-left: 10%;
        margin-right: 10%;
        width: 80%;
    }
    .layout-one-sidebar .main-content {
        width: 90%;
    }
    .layout-no-sidebars .main-content {
        width: 100%;
        margin: 0;
        /* rgr */
    }
    .layout-sidebar-first .main-content {
        margin-left: 10%;
        /* LTR */
        margin-right: 0;
        /* LTR */
    }
    [dir="rtl"] .layout-sidebar-first .main-content {
        margin-left: 0;
        margin-right: 10%;
    }
    .layout-sidebar-second .main-content {
        margin-right: 10%;
        /* LTR */
        margin-left: 0;
        /* LTR */
    }
    [dir="rtl"] .layout-sidebar-second .main-content {
        margin-right: 0;
        margin-left: 10%;
    }
}