/* Extra Small*/
@media only screen and (min-width : 0px) {
    body {
        font-size: 9pt;
    }
    .brand-thumbnail-cont {
        grid-template-columns: calc(25% - 0.75em)  calc(25% - 0.75em)  calc(25% - 0.75em)  calc(25% - 0.75em);
    }
}

/* Small */
@media only screen and (min-width : 576px) {
    body {
        font-size: 10pt;
    }
}

/* Medium */
@media only screen and (min-width : 768px) {
    body {
        font-size: 11pt;
    }
}

/* Large */
@media only screen and (min-width : 992px) {
    body {
        font-size: 12pt;
    }

    .brand-thumbnail-cont {
        grid-template-columns: calc(50% - 0.5em)  calc(50% - 0.5em);
    }
}

@media only screen and (min-width : 1100px) {
    .brand-thumbnail-cont {
        grid-template-columns: calc(33.33% - 0.66em)  calc(33.33% - 0.66em)  calc(33.33% - 0.66em);
    }
}

/* Extra Large */
@media only screen and (min-width : 1200px) {
}

/* Double Extra Large */
@media only screen and (min-width : 1400px) {

    .brand-thumbnail-cont {
        grid-template-columns: calc(25% - 0.75em)  calc(25% - 0.75em)  calc(25% - 0.75em)  calc(25% - 0.75em);
    }
}