.g1-mosaic-2of3-3v-3v {
    .g1-mosaic-item {
        height: 400px;
        float: $left;
        width: 100%;
    }
}

@media only screen and ( min-width: 601px ) {
    .g1-mosaic-2of3-3v-3v {
        .g1-mosaic-item {
            height: 400px;
            width: percentage(1/2);
        }

        .g1-mosaic-item-1 {
            width: 100%;
        }
    }
}

@media only screen and ( min-width: 1025px ) {
    .g1-mosaic-2of3-3v-3v {
        height: 400px;
        overflow: hidden;

        .archive-featured-stretched & {
            height: 500px;
        }

        .g1-mosaic-item {
            float: $left;
            height: 50%;
            width: percentage(1/3);
        }

        .g1-mosaic-item-1 {
            height: 100%;
            width: percentage(2/3);
        }
    }
}

