@import "variables.css";
@import "Ext/news.css";
@import "Ext/events.css";
@import "Ext/solr.css";
@import "Contentblocks/videos.css";
@import "Contentblocks/downloads.css";
@import "Contentblocks/hero.css";
@import "Partials/footer.css";
@import "Partials/navbar.css";
@import "fluid/textpic.css";




.main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.5rem;
    max-width: 1320px;
    margin-inline: auto;
    width: 100%;
}

.withmargin, .frame {
    grid-column: 1 / -1;
    padding-inline: 1rem;
}

.fullwidth {
    grid-column: 1 / -1;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

section {
    margin-block-start: 3rem;
}


@media (max-width: 991.98px) {
    main {
        column-gap: 1rem;
    }

    .withmargin {
        grid-column: 1 / -1;
        padding-inline: 1.25rem;
    }

    .fullwidth {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
    }

    section {
        margin-block-start: 2rem;
    }
}