@use "../functions" as func;
@use "../mixins" as mixins;

.page-header + .page-content{
    margin-top: func.units(7);
}
.page-content + .page-footer{
    margin-top: func.units(7);
}

.page-container{
    flex: 1 0 auto;
    padding-top: func.units(5, 'rem');
    @include mixins.media-breakpoint-up(md) {
        padding-top: func.units(7, 'rem');
    }
}

// sticky footer
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}