/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------------------------------
    GRID BASICS
--------------------------------------------------------------*/

.grid-container {
    display: grid;
    max-width:var(--content-max-width);
    margin:auto;
}

.grid-container-preview {
    grid-column-gap: 2px !important;
    padding-bottom: 1px !important;
}

.grid-nest {
    display: grid;
    margin: 0px;
    padding: 0px;
}

.grid-container.gap5 {
    grid-gap: 5px;
}

.grid-container.gap10 {
    grid-gap: 10px;
}

.grid-container.gap15 {
    grid-gap: 15px;
}

.grid-container.gap20 {
    grid-gap: 20px;
}

.grid-item-preview {
    background: var(--white);
    color: var(--white-text);
    text-align: center;
    font-size: var(--font-size-small);
    font-family: var(--font-family);
    border: solid 1px var(--border-gray);
    display: grid;
    align-content: center;
    min-height: 25px;
}

    .grid-item-preview:hover {
        background: var(--my-gray-hover);
        color: var(--my-gray-hover-text)
    }

.grid-nest-preview {
    /*  border: solid 1px var(--medium-blue);*/
    grid-gap: 2px !important;
}
/*
    .grid-nest-preview:hover {
        border: solid 1px var(--orange);
    }
    */
/*- 
        DRAG AND DROP CLASSES
    */
/* (A) LIST STYLES */
.sort-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sort-list li {
        margin: 4px 0px;
        padding: 8px 0px;
        border: 1px solid #dfdfdf;
        background: #f5f5f5;
        cursor: move;
        box-sizing: border-box;
    }

        /* (B) DRAG-AND-DROP HINT */
        .sort-list li.hint {
            border: 1px solid var(--warm-gray);
            background: var(--beige);
        }

        .sort-list li.active {
            border: 3px solid var(--green);
            background: var(--dark-green);
            color: var(--dark-green-text);
        }

/*----------------------------------------------------------------
    ABOUT GRID LAYOUTS
    The grid layout ID is a number broken into three parts
    columns - rows - instance

    so grid-layout-1-1-1 is a one column, one row, first instance of this

    grid-layout-2-1-1 is a two column, one row, first instance of this
    grid-layout-2-2-5 is a two column, two row, fifth instance of this

    columns come in standard sizes
    20%, 25%, 30%, 33%, 40%, 50%, 60%, 70%, 75%, 80%
--------------------------------------------------------------------------------*/


/*------------------------------------------------------------
    GRID LAYOUTS : SINGLE ROWS
--------------------------------------------------------------*/
.grid-layout-1-1-1 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
}

/************************************************************/

.grid-layout-2-1-1 {
    grid-template-columns: 1fr 1fr;
}

.desktop .left-nav .grid-backgrounds.grid-layout-2-1-1{
    grid-template-columns: calc(250px + 50%) 1fr;
}
.desktop .right-side .grid-backgrounds.grid-layout-2-1-1 {
    grid-template-columns: 1fr calc(50% + 60px);
}
#top:not(.mobile):not(.tablet-small) .left-nav.right-side .grid-backgrounds.grid-layout-2-1-1 {
    grid-template-columns: calc((calc(100% - 250px - 60px)/2) + 250px) calc((calc(100% - 250px - 60px)/2) + 60px);
}

.desktop .right-side.right-active .grid-backgrounds.grid-layout-2-1-1 {
    grid-template-columns: calc((calc(100% - 250px)/2)) calc((calc(100% - 250px)/2) + 250px);
}
.desktop .left-nav.right-side.right-active .grid-backgrounds.grid-layout-2-1-1 {
    grid-template-columns: calc((calc(100% - 250px - 250px)/2) + 250px) calc((calc(100% - 250px - 250px)/2) + 250px);
}

.tablet-small .left-nav.right-side .grid-backgrounds.grid-layout-2-1-1,
.mobile .left-nav.right-side .grid-backgrounds.grid-layout-2-1-1 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-2-1-2 {
    grid-template-columns: 2fr 8fr;
}

/************************************************************/

.grid-layout-2-1-3 {
    grid-template-columns: 8fr 2fr;
}

/************************************************************/

.grid-layout-2-1-4 {
    grid-template-columns: 25fr 75fr;
}

/************************************************************/

.grid-layout-2-1-5 {
    grid-template-columns: 75fr 25fr;
}

/************************************************************/

.grid-layout-2-1-6 {
    grid-template-columns: 3fr 7fr;
}

/************************************************************/

.grid-layout-2-1-7 {
    grid-template-columns: 7fr 3fr;
}

/************************************************************/

.grid-layout-2-1-8 {
    grid-template-columns: 33fr 66fr;
}

/************************************************************/

.grid-layout-2-1-9 {
    grid-template-columns: 66fr 33fr;
}

/************************************************************/

.grid-layout-2-1-10 {
    grid-template-columns: 4fr 6fr;
}

/************************************************************/

.grid-layout-2-1-11 {
    grid-template-columns: 6fr 4fr;
}

/*-- ALL TABLET SMALL FOR 2 COLUMNS --*/
.tablet-small [class*='grid-layout-2-1-']{
    grid-template-columns:1fr;
}


/************************************************************/

.grid-layout-2-2-1 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-2-2 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-2-3 {
    grid-template-columns: 2fr 8fr;
}

/************************************************************/

.grid-layout-2-2-4 {
    grid-template-columns: 8fr 2fr;
}

/************************************************************/

.grid-layout-2-2-5 {
    grid-template-columns: 3fr 7fr;
}

/************************************************************/

.grid-layout-2-2-6 {
    grid-template-columns: 7fr 3fr;
}

/************************************************************/

.grid-layout-2-2-7 {
    grid-template-columns: 33fr 66fr;
}

/************************************************************/

.grid-layout-2-2-8 {
    grid-template-columns: 66fr 33fr;
}

/************************************************************/

.grid-layout-2-2-9 {
    grid-template-columns: 4fr 6fr;
}

/************************************************************/

.grid-layout-2-2-10 {
    grid-template-columns: 4fr 6fr;
}
/************************************************************/

.grid-layout-2-2-11 {
    grid-template-columns: 6fr 4fr;
}
/************************************************************/

.grid-layout-2-2-12 {
    grid-template-columns: 6fr 4fr;
}

/************************************************************/

.grid-layout-2-3-1 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-2-3-1 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-2 {
    grid-template-columns: 80fr 20fr;
}

.grid-layout-2-3-1 .grid-nest:nth-child(2) {
    grid-row: span 3;
}

/************************************************************/

.grid-layout-2-3-3 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-2-3-3 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-4 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-4 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-5 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-5 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-6 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-6 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-7 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-7 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-8 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-8 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-9 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-9 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-10 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-10 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-11 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-2-3-11 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-12 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-2-3-12 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-13 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-13 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-14 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-2-3-14 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-15 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-15 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-16 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-16 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-17 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-17 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

/************************************************************/

.grid-layout-2-3-18 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-18 .grid-nest:nth-child(2) {
        grid-row: span 3;
    }


/************************************************************/

.grid-layout-2-3-19 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-19 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1ft;
    }

        .grid-layout-2-3-19 .grid-nest:nth-child(2) div:nth-child(-n+2) {
            grid-column: span 3;
        }
/************************************************************/

.grid-layout-2-3-20 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-3-20 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-2-3-20 .grid-nest:nth-child(1) div:nth-child(-n+2) {
            grid-column: span 3;
        }

/************************************************************/

.grid-layout-2-3-21 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-2-3-21 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-21 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-21 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-22 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-2-3-22 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-22 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-22 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-23 {
    grid-template-columns: 25fr 75fr;
}

    .grid-layout-2-3-23 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-23 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-23 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-24 {
    grid-template-columns: 75fr 25fr;
}

    .grid-layout-2-3-24 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-24 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-24 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-25 {
    grid-template-columns: 30fr 70fr;
}

    .grid-layout-2-3-25 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-25 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-25 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-26 {
    grid-template-columns: 70fr 30fr;
}

    .grid-layout-2-3-26 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-26 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-26 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-27 {
    grid-template-columns: 33fr 66fr;
}

    .grid-layout-2-3-27 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-27 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-27 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-28 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-2-3-28 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-28 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-28 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-29 {
    grid-template-columns: 40fr 60fr;
}

    .grid-layout-2-3-29 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-29 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-29 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-30 {
    grid-template-columns: 60fr 40fr;
}

    .grid-layout-2-3-30 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-30 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-30 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-31 {
    grid-template-columns: 50fr 50fr;
}

    .grid-layout-2-3-31 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-31 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-2-3-31 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-3-32 {
    grid-template-columns: 50fr 50fr;
}

    .grid-layout-2-3-32 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-3-32 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-2-3-32 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-4-1 {
    grid-template-columns: 50fr 50fr;
}

/************************************************************/

.grid-layout-2-4-2 {
    grid-template-columns: 50fr 50fr;
}
/************************************************************/

.grid-layout-2-4-3 {
    grid-template-columns: 20fr 80fr;
}

/************************************************************/

.grid-layout-2-4-4 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-4-5 {
    grid-template-columns: 25fr 75fr;
}

/************************************************************/

.grid-layout-2-4-6 {
    grid-template-columns: 75fr 25fr;
}
/************************************************************/

.grid-layout-2-4-7 {
    grid-template-columns: 30fr 70fr;
}

/************************************************************/

.grid-layout-2-4-8 {
    grid-template-columns: 70fr 30fr;
}
/************************************************************/

.grid-layout-2-4-9 {
    grid-template-columns: 33fr 66fr;
}

/************************************************************/

.grid-layout-2-4-10 {
    grid-template-columns: 66fr 33fr;
}
/************************************************************/

.grid-layout-2-4-11 {
    grid-template-columns: 40fr 60fr;
}

/************************************************************/

.grid-layout-2-4-12 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-4-13 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-4-14 {
    grid-template-columns: 1fr 1fr;
}


/************************************************************/

.grid-layout-2-5-1 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-1 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-2-5-1 .grid-nest:nth-child(2) div:nth-child(-n+2),
        .grid-layout-2-5-1 .grid-nest:nth-child(2) div:nth-child(n+6) {
            grid-column: span 3;
        }

/************************************************************/

.grid-layout-2-5-2 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-2 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-2-5-2 .grid-nest:nth-child(1) div:nth-child(-n+2),
        .grid-layout-2-5-2 .grid-nest:nth-child(1) div:nth-child(n+6) {
            grid-column: span 3;
        }

/************************************************************/

.grid-layout-2-5-3 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-3 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(-n+2),
        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(5) {
            grid-column: span 6;
        }

        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(3),
        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 3;
        }

        .grid-layout-2-5-3 .grid-nest:nth-child(1) div:nth-child(n+6) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-5-4 {
    grid-template-columns: 1fr 1fr;
}

    .grid-layout-2-5-4 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(-n+2),
        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(5) {
            grid-column: span 6;
        }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(3),
        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 3;
        }

        .grid-layout-2-5-4 .grid-nest:nth-child(2) div:nth-child(n+6) {
            grid-column: span 2;
        }

/************************************************************/

.grid-layout-2-5-5 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-5-6 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-6-1 {
    grid-template-columns: 20fr 80fr;
}

/************************************************************/

.grid-layout-2-6-2 {
    grid-template-columns: 20fr 80fr;
}


/************************************************************/

.grid-layout-2-6-3 {
    grid-template-columns: 80fr 20fr;
}

/************************************************************/

.grid-layout-2-6-4 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-6-5 {
    grid-template-columns: 25fr 75fr;
}

/************************************************************/

.grid-layout-2-6-6 {
    grid-template-columns: 25fr 75fr;
}

/************************************************************/

.grid-layout-2-6-7 {
    grid-template-columns: 75fr 25fr;
}

/************************************************************/

.grid-layout-2-6-8 {
    grid-template-columns: 75fr 25fr;
}

/************************************************************/

.grid-layout-2-6-9 {
    grid-template-columns: 30fr 70fr;
}

/************************************************************/

.grid-layout-2-6-10 {
    grid-template-columns: 30fr 70fr;
}
/************************************************************/

.grid-layout-2-6-11 {
    grid-template-columns: 70fr 30fr;
}

/************************************************************/

.grid-layout-2-6-12 {
    grid-template-columns: 70fr 30fr;
}

/************************************************************/

.grid-layout-2-6-13 {
    grid-template-columns: 33fr 66fr;
}

/************************************************************/

.grid-layout-2-6-14 {
    grid-template-columns: 33fr 66fr;
}
/************************************************************/

.grid-layout-2-6-15 {
    grid-template-columns: 66fr 33fr;
}

/************************************************************/

.grid-layout-2-6-16 {
    grid-template-columns: 66fr 33fr;
}

/************************************************************/

.grid-layout-2-6-17 {
    grid-template-columns: 40fr 60fr;
}

/************************************************************/

.grid-layout-2-6-18 {
    grid-template-columns: 40fr 60fr;
}
/************************************************************/

.grid-layout-2-6-19 {
    grid-template-columns: 60fr 40fr;
}

/************************************************************/

.grid-layout-2-6-20 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-6-21 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-2-6-22 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/
.grid-layout-2-14-1 {
    grid-template-columns: 75fr 25fr;
}

    .grid-layout-2-14-1 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(-n+11),
        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(14),
        .grid-layout-2-14-1 .grid-nest:nth-child(1) div:nth-child(15) {
            grid-column: span 2;
        }
/************************************************************/

.grid-layout-2-22-1 {
    grid-template-columns: 80fr 20fr;
}
/************************************************************/

.grid-layout-2-22-2 {
    grid-template-columns: 20fr 80fr;
}
/************************************************************/

.grid-layout-2-22-3 {
    grid-template-columns: 75fr 25fr;
}
/************************************************************/

.grid-layout-2-22-4 {
    grid-template-columns: 25fr 75fr;
}
/************************************************************/

.grid-layout-2-22-5 {
    grid-template-columns: 70fr 30fr;
}
/************************************************************/

.grid-layout-2-22-6 {
    grid-template-columns: 30fr 70fr;
}
/************************************************************/

.grid-layout-2-22-7 {
    grid-template-columns: 66fr 33fr;
}
/************************************************************/

.grid-layout-2-22-8 {
    grid-template-columns: 33fr 66fr;
}
/************************************************************/

.grid-layout-2-22-9 {
    grid-template-columns: 60fr 40fr;
}
/************************************************************/

.grid-layout-2-22-10 {
    grid-template-columns: 40fr 60fr;
}
/************************************************************/

.grid-layout-2-22-11 {
    grid-template-columns: 1fr 1fr;
}
/************************************************************/

.grid-layout-2-22-12 {
    grid-template-columns: 1fr 1fr;
}

/************************************************************/

.grid-layout-3-1-1 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-1-1 {
    grid-template-columns:1fr 1fr;
}

    .tablet-small .grid-layout-3-1-1 > div:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-1-2 {
    grid-template-columns: 20fr 20fr 60fr;
}

.tablet-small .grid-layout-3-1-2 {
    grid-template-columns: 1fr 1fr;
}

.tablet-small .grid-layout-3-1-2 > div:last-child {
    grid-column: span 2;
}
/************************************************************/
.grid-layout-3-1-3 {
    grid-template-columns: 20fr 60fr 20fr;
}

.tablet-small .grid-layout-3-1-3 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-1-4 {
    grid-template-columns: 60fr 20fr 20fr;
}

.tablet-small .grid-layout-3-1-4 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-1-4 > div:first-child {
       grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-1-5 {
    grid-template-columns: 30fr 30fr 40fr;
}

.tablet-small .grid-layout-3-1-5 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-1-5 > div:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-1-6 {
    grid-template-columns: 30fr 40fr 30fr;
}

/************************************************************/

.grid-layout-3-1-7 {
    grid-template-columns: 40fr 30fr 30fr;
}

/************************************************************/

.grid-layout-3-1-8 {
    grid-template-columns: 20fr 30fr 50fr;
}

/************************************************************/

.grid-layout-3-1-9 {
    grid-template-columns: 20fr 50fr 30fr;
}

/************************************************************/

.grid-layout-3-1-10 {
    grid-template-columns: 50fr 20fr 30fr;
}

/************************************************************/

.grid-layout-3-1-11 {
    grid-template-columns: 50fr 30fr 20fr;
}

/************************************************************/

.grid-layout-3-1-12 {
    grid-template-columns: 30fr 20fr 50fr;
}

/************************************************************/

.grid-layout-3-1-13 {
    grid-template-columns: 30fr 50fr 20fr;
}

/************************************************************/

.grid-layout-3-1-14 {
    grid-template-columns: 1fr 1fr 2fr;
}
/************************************************************/

.grid-layout-3-1-15 {
    grid-template-columns: 1fr 2fr 1fr;
}
/************************************************************/

.grid-layout-3-1-16 {
    grid-template-columns: 2fr 1fr 1fr;
}

/************************************************************/

.grid-layout-3-2-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-3-2-1 > div:nth-child(1) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .grid-layout-3-2-1 > div:nth-child(4) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-2-1 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-1 > div:nth-child(1) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-2-2 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-2 > div:nth-child(1),
    .grid-layout-3-2-2 > div:nth-child(3) {
        grid-row: span 2;
    }

.tablet-small .grid-layout-3-2-2 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-2 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr;
    }

    .tablet-small .grid-layout-3-2-2 > div:nth-child(3) {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-2-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-3-2-3 > div:nth-child(1) {
        grid-row: span 2;
        grid-column: span 2;
    }

    .grid-layout-3-2-3 > div:nth-child(2) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-2-3 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-3 > div:nth-child(1) {
        grid-row: unset;
    }

    .tablet-small .grid-layout-3-2-3 > div:nth-child(2) {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-2-4 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-4 > div:nth-child(3),
    .grid-layout-3-2-4 > div:nth-child(4) {
        grid-row: span 2;
    }

.tablet-small .grid-layout-3-2-4 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-4 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr;
    }
/************************************************************/

.grid-layout-3-2-5 {
    grid-template-columns: 3fr 1fr 1fr;
}

    .grid-layout-3-2-5 > div:nth-child(1) {
        grid-row: span 2;
    }

.tablet .grid-layout-3-2-5 {
    grid-template-columns: 2fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-5 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-5 > div:nth-child(1) {
        grid-row: unset;
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-2-6 {
    grid-template-columns: 1fr 3fr 1fr;
}

.tablet .grid-layout-3-2-6 {
    grid-template-columns: 1fr 2fr 1fr;
}

.tablet-small .grid-layout-3-2-6 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-6 .grid-nest {
        grid-template-columns: 1fr 1fr;
    }

        .tablet-small .grid-layout-3-2-6 .grid-nest:nth-child(2) {
            grid-template-columns: 1fr;
        }
/************************************************************/

.grid-layout-3-2-7 {
    grid-template-columns: 2fr 3fr;
}

    .grid-layout-3-2-7 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

.tablet .grid-layout-3-2-7 {
    grid-template-columns: 1fr 1fr;
}

.tablet-small .grid-layout-3-2-7 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-3-2-8 {
    grid-template-columns: 1fr 1fr 3fr;
}

.tablet .grid-layout-3-2-8 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-8 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-8 .grid-nest:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-2-9 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-9 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-9 .grid-nest:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-2-10 {
    grid-template-columns: 2fr 1fr;
}

    .grid-layout-3-2-10 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

.tablet-small .grid-layout-3-2-10 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-11 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-11 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-12 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-12 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-12 .grid-nest:first-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-2-13 {
    grid-template-columns: 1fr 2fr;
}

    .grid-layout-3-2-13 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

.tablet-small .grid-layout-3-2-13 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-14 {
    grid-template-columns: 2fr 3fr 5fr;
}

.tablet-small .grid-layout-3-2-14 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-14 .grid-nest:last-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-2-15 {
    grid-template-columns: 3fr 2fr 5fr;
}

.tablet .grid-layout-3-2-15 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-15 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-2-15 .grid-nest:last-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-2-16 {
    grid-template-columns: 2fr 5fr 3fr;
}

.tablet .grid-layout-3-2-16 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-16 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-16 .grid-nest {
        grid-template-columns: 1fr 1fr;
    }

        .tablet-small .grid-layout-3-2-16 .grid-nest:nth-child(2) {
            grid-template-columns: 1fr;
        }

/************************************************************/

.grid-layout-3-2-17 {
    grid-template-columns: 3fr 5fr 2fr;
}

.tablet .grid-layout-3-2-17 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-17 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-17 .grid-nest {
        grid-template-columns: 1fr 1fr;
    }

        .tablet-small .grid-layout-3-2-17 .grid-nest:nth-child(2) {
            grid-template-columns: 1fr;
        }
/************************************************************/

.grid-layout-3-2-18 {
    grid-template-columns: 5fr 2fr 3fr;
}

.tablet .grid-layout-3-2-18 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-18 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-18 .grid-nest {
        grid-template-columns: 1fr 1fr;
    }

        .tablet-small .grid-layout-3-2-18 .grid-nest:nth-child(1) {
            grid-template-columns: 1fr;
        }
/************************************************************/

.grid-layout-3-2-19 {
    grid-template-columns: 5fr 3fr 2fr;
}

.tablet .grid-layout-3-2-19 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-2-19 {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-19 .grid-nest {
        grid-template-columns: 1fr 1fr;
    }

        .tablet-small .grid-layout-3-2-19 .grid-nest:nth-child(1) {
            grid-template-columns: 1fr;
        }
/************************************************************/

.grid-layout-3-2-20 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-20 .grid-nest:nth-child(2),
    .grid-layout-3-2-20 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-20 .grid-nest:nth-child(2) div:first-child,
        .grid-layout-3-2-20 .grid-nest:nth-child(3) div:first-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-20 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-2-20 .grid-nest:first-child {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-2-20 .grid-nest:nth-child(2),
.tablet-small .grid-layout-3-2-20 .grid-nest:nth-child(3) {
    grid-template-columns: 1fr;
}

    .tablet-small .grid-layout-3-2-20 .grid-nest:nth-child(2) div:first-child,
    .tablet-small .grid-layout-3-2-20 .grid-nest:nth-child(3) div:first-child {
        grid-column: span 1;
    }
/************************************************************/

.grid-layout-3-2-21 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-21 .grid-nest:nth-child(1),
    .grid-layout-3-2-21 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-21 .grid-nest:nth-child(1) div:first-child,
        .grid-layout-3-2-21 .grid-nest:nth-child(3) div:first-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-21 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-22 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-22 .grid-nest:nth-child(1),
    .grid-layout-3-2-22 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-22 .grid-nest:nth-child(1) div:first-child,
        .grid-layout-3-2-22 .grid-nest:nth-child(2) div:first-child {
            grid-column: span 2;
        }


.tablet .grid-layout-3-2-22 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-23 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-23 .grid-nest:nth-child(2),
    .grid-layout-3-2-23 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-23 .grid-nest:nth-child(2) div:last-child,
        .grid-layout-3-2-23 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-23 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-24 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-2-24 .grid-nest:nth-child(1),
    .grid-layout-3-2-24 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-24 .grid-nest:nth-child(1) div:last-child,
        .grid-layout-3-2-24 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-24 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-25 {
    grid-template-columns: 1fr 2fr 2fr;
}

    .grid-layout-3-2-25 .grid-nest:nth-child(2),
    .grid-layout-3-2-25 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-25 .grid-nest:nth-child(2) div:last-child,
        .grid-layout-3-2-25 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }


.tablet .grid-layout-3-2-25 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-2-26 {
    grid-template-columns: 2fr 1fr 2fr;
}

    .grid-layout-3-2-26 .grid-nest:nth-child(1),
    .grid-layout-3-2-26 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-26 .grid-nest:nth-child(1) div:last-child,
        .grid-layout-3-2-26 .grid-nest:nth-child(3) div:last-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-26 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-3-2-27 {
    grid-template-columns: 2fr 2fr 1fr;
}

    .grid-layout-3-2-27 .grid-nest:nth-child(1),
    .grid-layout-3-2-27 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-2-27 .grid-nest:nth-child(1) div:last-child,
        .grid-layout-3-2-27 .grid-nest:nth-child(2) div:last-child {
            grid-column: span 2;
        }

.tablet .grid-layout-3-2-27 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-3-1 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-1 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-1 .grid-nest:first-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-2 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-2 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-2 .grid-nest:last-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-3 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-3 .grid-nest:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-4 {
    grid-template-columns: 1fr 2fr 2fr;
}

.tablet .grid-layout-3-3-4 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-4 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-4 .grid-nest:first-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-5 {
    grid-template-columns: 1fr 2fr 2fr;
}

.tablet .grid-layout-3-3-5 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-5 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-5 .grid-nest:first-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-6 {
    grid-template-columns: 1fr 2fr 2fr;
}

.tablet .grid-layout-3-3-6 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-6 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-6 .grid-nest:last-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-7 {
    grid-template-columns: 2fr 1fr 2fr;
}

.tablet .grid-layout-3-3-7 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-7 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-7 .grid-nest:first-child {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-8 {
    grid-template-columns: 2fr 1fr 2fr;
}

.tablet .grid-layout-3-3-8 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-8 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-8 .grid-nest:last-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-9 {
    grid-template-columns: 2fr 1fr 2fr;
}

.tablet .grid-layout-3-3-9 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet-small .grid-layout-3-3-9 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-9 .grid-nest:first-child {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-10 {
    grid-template-columns: 2fr 1fr;
}

    .grid-layout-3-3-10 .grid-nest:nth-child(1) div:nth-child(5) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-3-10 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-3-11 {
    grid-template-columns: 1fr 2fr;
}

    .grid-layout-3-3-11 .grid-nest:nth-child(2) div:nth-child(5) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-3-11 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-3-3-12 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-12 .grid-nest:nth-child(3) {
        grid-row: span 3;
    }

    .grid-layout-3-3-12 .grid-nest:nth-child(4) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-3-12 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-12 .grid-nest:nth-child(3) {
        grid-row: unset;
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-3-3-13 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-13 .grid-nest:nth-child(1) {
        grid-row: span 3;
    }

    .grid-layout-3-3-13 .grid-nest:nth-child(4) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-3-13 {
    grid-template-columns: 1fr 1fr;
}

    .tablet-small .grid-layout-3-3-13 .grid-nest:nth-child(1) {
        grid-row: unset;
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-14 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-14 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-3-14 .grid-nest:nth-child(2) div:nth-child(1),
        .grid-layout-3-3-14 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 2;
        }

.tablet .grid-layout-3-3-14 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-14 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }

.tablet-small .grid-layout-3-3-14 {
    grid-template-columns: 1fr;
}

.tablet-small.tablet .grid-layout-3-3-14 .grid-nest:nth-child(3) {
    grid-column: span 1;
}
/************************************************************/

.grid-layout-3-3-15 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-15 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-3-15 .grid-nest:nth-child(1) div:nth-child(1),
        .grid-layout-3-3-15 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 2;
        }

.tablet .grid-layout-3-3-15 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-15 .grid-nest:nth-child(1) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-16 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .grid-layout-3-3-16 .grid-nest:nth-child(3) {
        grid-template-columns: 1fr 1fr;
    }

        .grid-layout-3-3-16 .grid-nest:nth-child(3) div:nth-child(1),
        .grid-layout-3-3-16 .grid-nest:nth-child(3) div:nth-child(4) {
            grid-column: span 2;
        }

.tablet .grid-layout-3-3-16 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-16 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-17 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet .grid-layout-3-3-17 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-17 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-18 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet .grid-layout-3-3-18 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-18 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-3-19 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet .grid-layout-3-3-19 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-3-19 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-5-1 {
    grid-template-columns: 2fr 5fr 3fr;
}

.tablet .grid-layout-3-5-1 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-1 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-5-2 {
    grid-template-columns: 2fr 3fr 5fr;
}

.tablet .grid-layout-3-5-2 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-2 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/

.grid-layout-3-5-3 {
    grid-template-columns: 3fr 5fr 2fr;
}

.tablet .grid-layout-3-5-3 {
    grid-template-columns: 1fr 2fr;
}

.tablet-small .grid-layout-3-5-3 {
    grid-template-columns: 1fr 1fr;
}

.tablet .grid-layout-3-5-3 .grid-nest:nth-child(3) {
    grid-column: span 2;
}
/************************************************************/

.grid-layout-3-5-4 {
    grid-template-columns: 5fr 3fr 2fr;
}

.tablet .grid-layout-3-5-4 {
    grid-template-columns: 2fr 1fr;
}

    .tablet .grid-layout-3-5-4 .grid-nest:nth-child(1) {
        grid-column: span 2;
    }

/************************************************************/
.grid-layout-3-5-5 {
    grid-template-columns: 5fr 2fr 3fr;
}

.tablet .grid-layout-3-5-5 {
    grid-template-columns: 1fr 2fr;
}

    .tablet .grid-layout-3-5-5 .grid-nest:nth-child(1) {
        grid-column: span 2;
    }

/************************************************************/
.grid-layout-3-5-6 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet .grid-layout-3-5-6 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-6 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }

/************************************************************/
.grid-layout-3-5-7 {
    grid-template-columns: 1fr 1fr 1fr;
}

.tablet .grid-layout-3-5-7 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-7 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }

/************************************************************/
.grid-layout-3-5-8 {
    grid-template-columns: 2fr 5fr 3fr;
}

.tablet .grid-layout-3-5-8 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-8 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }
/************************************************************/
.grid-layout-3-5-9 {
    grid-template-columns: 3fr 5fr 2fr;
}

.tablet .grid-layout-3-5-9 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-3-5-9 .grid-nest:nth-child(3) {
        grid-column: span 2;
    }

/************************************************************/

.grid-layout-4-1-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

/************************************************************/

.grid-layout-4-1-2 {
    grid-template-columns: 2fr 2fr 2fr 4fr;
}

/************************************************************/

.grid-layout-4-1-3 {
    grid-template-columns: 2fr 2fr 4fr 2fr;
}

/************************************************************/

.grid-layout-4-1-4 {
    grid-template-columns: 2fr 4fr 2fr 2fr;
}

/************************************************************/

.grid-layout-4-1-5 {
    grid-template-columns: 4fr 2fr 2fr 2fr;
}

/************************************************************/

.grid-layout-4-1-6 {
    grid-template-columns: 3fr 3fr 2fr 2fr;
}

/************************************************************/

.grid-layout-4-1-7 {
    grid-template-columns: 3fr 2fr 3fr 2fr;
}

/************************************************************/

.grid-layout-4-1-8 {
    grid-template-columns: 3fr 2fr 2fr 3fr;
}

/************************************************************/

.grid-layout-4-1-9 {
    grid-template-columns: 2fr 3fr 2fr 3fr;
}

/************************************************************/

.grid-layout-4-1-10 {
    grid-template-columns: 3fr 2fr 3fr 2fr;
}

/************************************************************/

.grid-layout-4-1-11 {
    grid-template-columns: 2fr 3fr 3fr 2fr;
}

/************************************************************/

.grid-layout-4-1-12 {
    grid-template-columns: 2fr 2fr 3fr 3fr;
}
/************************************************************/

.tablet [class*="grid-layout-4-1-"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

    .tablet [class*="grid-layout-4-1-"] .grid-item,
    .tablet [class*="grid-layout-4-1-"] > div{
        flex-basis: 49%;
    }
/************************************************************/

.grid-layout-4-2-1 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-4-2-1 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-1 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-1 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-1 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }

.tablet .grid-layout-4-2-1 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-1 .grid-nest:first-child {
        grid-row: span 1;
    }
/************************************************************/
.grid-layout-4-2-2 {
    grid-template-columns: 80fr 20fr;
}

    .grid-layout-4-2-2 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-2 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-2 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-2 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

.tablet .grid-layout-4-2-2 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-2 .grid-nest:last-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-3 {
    grid-template-columns: 20fr 80fr;
}

    .grid-layout-4-2-3 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-3 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-3 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-3 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-3 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-3 .grid-nest:first-child {
        grid-row: span 1;
    }

/************************************************************/

.grid-layout-4-2-4 {
    grid-template-columns: 8fr 2fr;
}

    .grid-layout-4-2-4 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-4 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-4 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-4 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-4 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-4 .grid-nest:last-child {
        grid-row: span 1;
    }

/************************************************************/

.grid-layout-4-2-5 {
    grid-template-columns: 3fr 7fr;
}

    .grid-layout-4-2-5 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-5 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-5 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-5 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }

.tablet .grid-layout-4-2-5 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-5 .grid-nest:first-child {
        grid-row: span 1;
    }

/************************************************************/

.grid-layout-4-2-6 {
    grid-template-columns: 7fr 3fr;
}

    .grid-layout-4-2-6 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-6 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-6 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-6 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

.tablet .grid-layout-4-2-6 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-6 .grid-nest:last-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-7 {
    grid-template-columns: 3fr 7fr;
}

    .grid-layout-4-2-7 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-7 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-7 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-7 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-7 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-7 .grid-nest:first-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-8 {
    grid-template-columns: 7fr 3fr;
}

    .grid-layout-4-2-8 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-8 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-8 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-8 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-8 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-8 .grid-nest:last-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-9 {
    grid-template-columns: 3fr 6fr;
}

    .grid-layout-4-2-9 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-9 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-9 .grid-nest:last-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-9 .grid-nest:last-child div:nth-child(n+3) {
            grid-column: span 2;
        }


.tablet .grid-layout-4-2-9 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-9 .grid-nest:first-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-10 {
    grid-template-columns: 66fr 33fr;
}

    .grid-layout-4-2-10 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-10 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-10 .grid-nest:first-child div:nth-child(-n+2) {
            grid-column: span 3;
        }

        /* last three columns*/
        .grid-layout-4-2-10 .grid-nest:first-child div:nth-child(n+3) {
            grid-column: span 2;
        }

.tablet .grid-layout-4-2-10 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-10 .grid-nest:last-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-11 {
    grid-template-columns: 3fr 6fr;
}

    .grid-layout-4-2-11 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-11 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-11 .grid-nest:last-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-11 .grid-nest:last-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-11 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-11 .grid-nest:first-child {
        grid-row: span 1;
    }

/************************************************************/

.grid-layout-4-2-12 {
    grid-template-columns: 6fr 3fr;
}

    .grid-layout-4-2-12 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-12 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        /* first two columns*/
        .grid-layout-4-2-12 .grid-nest:first-child div:nth-child(-n+3) {
            grid-column: span 2;
        }

        /* last three columns*/
        .grid-layout-4-2-12 .grid-nest:first-child div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-2-12 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-12 .grid-nest:last-child {
        grid-row: span 1;
    }


/************************************************************/

.grid-layout-4-2-13 {
    grid-template-columns: 2fr 8fr;
}

    .grid-layout-4-2-13 .grid-nest:first-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-13 .grid-nest:last-child {
        grid-template-columns: 1fr 1fr 1fr;
    }

.tablet .grid-layout-4-2-13 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-13 .grid-nest:first-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-14 {
    grid-template-columns: 8fr 2fr;
}

    .grid-layout-4-2-14 .grid-nest:last-child {
        grid-row: span 2;
    }

    .grid-layout-4-2-14 .grid-nest:first-child {
        grid-template-columns: 1fr 1fr 1fr;
    }

.tablet .grid-layout-4-2-14 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-2-14 .grid-nest:last-child {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-15 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-15 .grid-nest:first-child {
        grid-row: span 2;
    }

.tablet .grid-layout-4-2-15 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .tablet .grid-layout-4-2-15 .grid-nest:first-child {
        grid-column: span 3;
    }

/************************************************************/

.grid-layout-4-2-16 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-16 .grid-nest:last-child {
        grid-row: span 2;
    }

.tablet .grid-layout-4-2-16 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .tablet .grid-layout-4-2-16 .grid-nest:last-child {
        grid-column: span 3;
    }
/************************************************************/

.grid-layout-4-2-17 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-17 .grid-nest:nth-child(2) {
        grid-row: span 2;
    }

.tablet .grid-layout-4-2-17 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-4-2-17 .grid-nest:nth-child(2) {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-2-18 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

    .grid-layout-4-2-18 .grid-nest:nth-child(3) {
        grid-row: span 2;
    }


.tablet .grid-layout-4-2-18 {
    grid-template-columns: 1fr 1fr;
}

    .tablet .grid-layout-4-2-18 .grid-nest:nth-child(3) {
        grid-row: span 1;
    }

/************************************************************/
.grid-layout-4-3-1 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tablet .grid-layout-4-3-1 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .tablet .grid-layout-4-3-1 .grid-nest:last-child {
        grid-column: span 3;
    }

/************************************************************/

.grid-layout-4-3-2 {
    grid-template-columns: 3fr 1fr;
}

    .grid-layout-4-3-2 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

.tablet .grid-layout-4-3-2 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-4-3-3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tablet .grid-layout-4-3-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

    .tablet .grid-layout-4-3-3 .grid-nest:first-child {
        grid-column: span 3;
    }
/************************************************************/

.grid-layout-4-3-4 {
    grid-template-columns: 1fr 3fr;
}

    .grid-layout-4-3-4 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

.tablet .grid-layout-4-3-4 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-4-3-5 {
    grid-template-columns: 3fr 1fr;
}

    .grid-layout-4-3-5 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-5 .grid-nest:nth-child(1) div:nth-child(4),
        .grid-layout-4-3-5 .grid-nest:nth-child(1) div:nth-child(n+8) {
            grid-column: span 3;
        }

    .grid-layout-4-3-5 .grid-nest:nth-child(2) {
        grid-row: span 5;
    }


.tablet .grid-layout-4-3-5 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-3-5 .grid-nest:nth-child(2) {
        grid-row: span 1;
    }

/************************************************************/

.grid-layout-4-3-6 {
    grid-template-columns: 1fr 3fr;
}

    .grid-layout-4-3-6 .grid-nest:nth-child(1) {
        grid-row: span 5;
    }

    .grid-layout-4-3-6 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-6 .grid-nest:nth-child(2) div:nth-child(4),
        .grid-layout-4-3-6 .grid-nest:nth-child(2) div:nth-child(n+8) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-3-6 {
    grid-template-columns: 1fr;
}

    .tablet .grid-layout-4-3-6 .grid-nest:nth-child(1) {
        grid-row: span 1;
    }
/************************************************************/

.grid-layout-4-3-7 {
    grid-template-columns: 1fr 3fr;
}

    .grid-layout-4-3-7 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-4-3-7 .grid-nest:nth-child(2) div:nth-child(-n+3) {
            grid-column: span 2;
        }

        .grid-layout-4-3-7 .grid-nest:nth-child(2) div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-3-7 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-4-3-8 {
    grid-template-columns: 3fr 1fr;
}

    .grid-layout-4-3-8 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

        .grid-layout-4-3-8 .grid-nest:nth-child(1) div:nth-child(-n+3) {
            grid-column: span 2;
        }

        .grid-layout-4-3-8 .grid-nest:nth-child(1) div:nth-child(n+4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-3-8 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-4-3-9 {
    grid-template-columns: 3fr 1fr;
}

    .grid-layout-4-3-9 .grid-nest:nth-child(1) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-9 .grid-nest:nth-child(1) div:nth-child(4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-3-9 {
    grid-template-columns: 1fr;
}

/************************************************************/

.grid-layout-4-3-10 {
    grid-template-columns: 1fr 3fr;
}

    .grid-layout-4-3-10 .grid-nest:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr;
    }

        .grid-layout-4-3-10 .grid-nest:nth-child(2) div:nth-child(4) {
            grid-column: span 3;
        }

.tablet .grid-layout-4-3-10 {
    grid-template-columns: 1fr;
}
/************************************************************/

.grid-layout-5-1-1 {
    grid-template-columns: repeat(5, 1fr);
}

.tablet .grid-layout-5-1-1 {
    grid-template-columns: repeat(6, 1fr);
}

    .tablet .grid-layout-5-1-1 > div:nth-child(1),
    .tablet .grid-layout-5-1-1 > div:nth-child(2),
    .tablet .grid-layout-5-1-1 > div:nth-child(3) {
        grid-column: span 2;
    }

    .tablet .grid-layout-5-1-1 > div:nth-child(4),
    .tablet .grid-layout-5-1-1 > div:nth-child(5) {
        grid-column: span 3;
    }

/************************************************************/

.grid-layout-6-1-1 {
    grid-template-columns: repeat(6, 1fr);
}

.tablet .grid-layout-6-1-1 .grid-item {
    grid-column: span 2;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/