@media only screen and (max-width: 1280px) {
    .maintable {
        grid-template-columns: 1fr 1fr;
        grid-gap: 32px;
    }
}


@media only screen and (max-width: 850px) {
    .maintable {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 100%;
    }
    .header-title {
        display: none;
    }
    .sport-name {
        font-size: 20px;
    }
    .column {
        grid-row: unset;
    }
    .colheader {
        font-size: 32px;
    }
    .popchart {
        display: none;
    }
    .leftcol {
        overflow-y: auto;
    }
    .rightcol {
        grid-row: 1;
    }

}





  /* 360x640 414x896
  601x962 1280x800 */