.sport-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 -1px -1px 0; }
  .sport-grid > * {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding: 0 1px 1px 0; }
  .sport-grid--2-columns > * {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .sport-grid--3-columns > * {
    -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
    max-width: 33.33333%; }
  .sport-grid--4-columns > * {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .sport-grid--5-columns > * {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
    
  .sport-grid--8-columns > * {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; }  

  .sport-grid--10-columns > * {
    -webkit-flex-basis: 10%;
        -ms-flex-preferred-size: 10%;
            flex-basis: 10%;
    max-width: 10%; }
    
  .sport-grid--13-columns > * {
    -webkit-flex-basis: 7.69%;
        -ms-flex-preferred-size: 7.69%;
            flex-basis: 7.69%;
    max-width: 7.69%; }       
    
  .sport-grid__item {
    position: relative;
    padding-bottom: 100%;
    background: #E9E9E9;
    width: 100%; }
    .sport-grid__item.is-active {
      background: white; }
  .sport-grid__content {
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    color: black !important;
    outline: 0; }
    .an .sport-grid__content:hover {
      color: #ffc226 !important; }
    .az .sport-grid__content:hover {
      color: #0096e0 !important; }
    .an .is-active .sport-grid__content {
      color: #ffc226 !important; }
    .az .is-active .sport-grid__content {
      color: #0096e0 !important; }
  .sport-grid__icon {
    width: 50%;
    height: 50%;
    margin-bottom: 15px;
    display: block; }
    .sport-grid__icon svg {
      display: inline-block;
      max-height: 100%;
      max-width: 100%; }
    .sport-grid__icon > * {
      fill: currentColor; }
  .sport-grid__title {
    font-size: 9px;
    letter-spacing: 1px; }