@import 'variables.css';
@import 'reset.css';

@import 'main.css';

/* Elements */
@import 'elements/button.css';
@import 'elements/form.css';

/* Layouts */
@import 'layout/footer.css';
@import 'layout/header.css';
@import 'layout/section.css';

/* Pages */
@import 'pages/page.css';

/* Blocks */
@import 'blocks/card.css';
@import 'blocks/column.css';
@import 'blocks/hero.css';


.container {
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width:768px) {
    .container {
        padding-left: 4.6875rem;
        padding-right: 4.6875rem;
        /*padding-left: 9.375rem;
        padding-right: 9.375rem;*/
    }
}