/* ======================================
   MAIN CONTENT
====================================== */

.main-content{
    margin-left:var(--sidebar-width);
    margin-top:var(--navbar-height);
    min-height:calc(100vh - var(--navbar-height));
    padding:32px;
    background:var(--background);
    transition:
        margin-left .35s ease,
        background .35s ease;
}


/* sidebar collapsed */

body.sidebar-collapsed .main-content{
    margin-left:var(--sidebar-collapsed);
}


/* headings */

.main-content h1{

    font-size:34px;

    font-weight:700;

    color:var(--text);

    margin-bottom:24px;

}

.main-content h2{

    font-size:28px;

    margin-bottom:22px;

    color:var(--text);

}


/* divider */

hr{

    border:none;

    height:1px;

    background:var(--border);

    margin:30px 0;

}


/* Responsive */

@media(max-width:900px){

.main-content{
    margin-left:var(--sidebar-width);
    margin-top:var(--navbar-height);
    min-height:calc(100vh - var(--navbar-height));
    padding:32px;
    background:var(--background);
    transition:
        margin-left .35s ease,
        background .35s ease;
    max-width:100%;
    overflow-x:auto;
}

}