.grid-xs-1 a{ grid-column: span 1; }
.grid-xs-2 a{ grid-column: span 2; }
.grid-xs-3 a{ grid-column: span 3; }
.grid-xs-4 a{ grid-column: span 4; }
.grid-xs-5 a{ grid-column: span 5; }
.grid-xs-6 a{ grid-column: span 6; }
.grid-xs-7 a{ grid-column: span 7; }
.grid-xs-8 a{ grid-column: span 8; }
.grid-xs-9 a{ grid-column: span 9; }
.grid-xs-10 a{ grid-column: span 10; }
.grid-xs-11 a{ grid-column: span 11; }
.grid-xs-12 a{ grid-column: span 12; }

/* Small screens (sm) - from 768px */
@media (min-width: 768px) {
    .grid-sm-1 a{ grid-column: span 1; }
    .grid-sm-2 a{ grid-column: span 2; }
    .grid-sm-3 a{ grid-column: span 3; }
    .grid-sm-4 a{ grid-column: span 4; }
    .grid-sm-5 a{ grid-column: span 5; }
    .grid-sm-6 a{ grid-column: span 6; }
    .grid-sm-7 a{ grid-column: span 7; }
    .grid-sm-8 a{ grid-column: span 8; }
    .grid-sm-9 a{ grid-column: span 9; }
    .grid-sm-10 a{ grid-column: span 10; }
    .grid-sm-11 a{ grid-column: span 11; }
    .grid-sm-12 a{ grid-column: span 12; }
}

/* Medium screens (md) - from 992px */
@media (min-width: 992px) {
    .grid-md-1 a{ grid-column: span 1; }
    .grid-md-2 a{ grid-column: span 2; }
    .grid-md-3 a{ grid-column: span 3; }
    .grid-md-4 a{ grid-column: span 4; }
    .grid-md-5 a{ grid-column: span 5; }
    .grid-md-6 a{ grid-column: span 6; }
    .grid-md-7  a{ grid-column: span 7; }
    .grid-md-8 a{ grid-column: span 8; }
    .grid-md-9 a{ grid-column: span 9; }
    .grid-md-10 a{ grid-column: span 10; }
    .grid-md-11 a{ grid-column: span 11; }
    .grid-md-12 a{ grid-column: span 12; }
}

/* Large screens (lg) - from 1200px */
@media (min-width: 1200px) {
    .grid-lg-1 a{ grid-column: span 1; }
    .grid-lg-2 a{ grid-column: span 2; }
    .grid-lg-3 a{ grid-column: span 3; }
    .grid-lg-4 a{ grid-column: span 4; }
    .grid-lg-5 a{ grid-column: span 5; }
    .grid-lg-6 a{ grid-column: span 6; }
    .grid-lg-7 a{ grid-column: span 7; }
    .grid-lg-8 a{ grid-column: span 8; }
    .grid-lg-9 a{ grid-column: span 9; }
    .grid-lg-10 a{ grid-column: span 10; }
    .grid-lg-11 a{ grid-column: span 11; }
    .grid-lg-12 a{ grid-column: span 12; }
}