* {
    line-height: 1.5em;
}

#IndexGrid {
    grid-template-columns: minmax(10px, 2fr) 30fr min-content 30fr minmax(10px, 2fr);
}
.TangoLogo {
    max-width: 40rem;
    width: 50vw;
}
.itemTangoLogo {
    grid-column: 2 / 5;
    grid-row: 1;
    text-align: center;
    font-size: 1.5rem;
}
.itemHeader {
    grid-column: 2 / 5;
    grid-row: 2;
    text-align: center;
    font-size: 1.1rem;
}

.IDX_1 {
    grid-column: 2 / 5;
    grid-row: 3;
}

.IDX_2 {
    grid-column: 2 / 5;
    grid-row: 4;
}

.IDX_3 {
    grid-column: 2 / 5;
    grid-row: 5;
}

.IDX_4 {
    grid-column: 2 / 5;
    grid-row: 6;
}

.IDX_5 {
    grid-column: 2 / 5;
    grid-row: 7;
}

.IDX_6 {
    grid-column: 2 / 5;
    grid-row: 8;
}

.IDX_7 {
    grid-column: 2 / 5;
    grid-row: 9;
}

@media screen and (min-width: 600px) {
    #IndexGrid {
        grid-template-columns: 5% 15% 15% 15% 15% 15% 15% 5%;
    }
    .itemTangoLogo {
        grid-column: 2 / 8;
        grid-row: 1;
        text-align: center;
        font-size: 1.5rem;
    }
    .itemHeader {
        grid-column: 2 / 8;
        grid-row: 2;
        text-align: center;
        font-size: 1.5rem;
    }
    
    .IDX_1 {
        grid-column: 2 / 8;
        grid-row: 3;
    }
    
    .IDX_2 {
        grid-column: 2 / 8;
        grid-row: 4;
    }
    
    .IDX_3 {
        grid-column: 2 / 8;
        grid-row: 5;
    }
    
    .IDX_4 {
        grid-column: 2 / 8;
        grid-row: 6;
    }
    
    .IDX_5 {
        grid-column: 2 / 8;
        grid-row: 7;
    }
    
    .IDX_6 {
        grid-column: 2 / 8;
        grid-row: 8;
    }
    
    .IDX_7 {
        grid-column: 2 / 8;
        grid-row: 9;
    }
}