@media only screen and (min-width: 1024px) {


    main {
        padding: 1.2em;
    }

    .simpleBox {
        font-size: 0.9em;
        margin: 0.4vw;
        width: 10vw;
        min-width: 12em;
        min-height: 15vh;
    }

    .large-only {
        display: unset;
    }
    /* GRID */
    .large-12 {
        width: 100%;
    }

    .large-11 {
        width: 92%;
    }

    .large-10 {
        width: 83%;
    }

    .large-9 {
        width: 75%;
    }

    .large-8 {
        width: 67%;
    }

    .large-7 {
        width: 58%;
    }

    .large-6 {
        width: 50%;
    }

    .large-5 {
        width: 41.66%;
    }

    .large-4 {
        width: 33.33%;
    }

    .large-3 {
        width: 24.99%;
    }

    .large-2 {
        width: 17%;
    }

    .large-1 {
        width: 8%;
    }

    .large-0 {
        display: none;
    }
}
/* end of media query */