:root {
    --split-column-width: 33vw;
    --vod-column-width: 8vw;
}

html, body {
    overflow-x: hidden;
}
body {
    position: relative;
    max-width: 100vw;
}

body, p, a {
    font-size: 3vw;
}
h1 {
    font-size: 5vw;
}

.container {
    max-width: 100vw;
}

.row {
    width: 98vw;
}

.header .row {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
}

.seven-title, .bgg-title {
    display: none;
    padding: 0;
}

.vod {
    flex-direction: column;
    text-align: center;
    word-spacing: var(--vod-column-width);
}

.game-logo-container {
    display: none;
}
.game-title-container {
    display: relative;
    top: 0;
    background-color: black;
    color: white;
}

.split-time, .split-end-time, .split-title {
    font-size: 2.5vw;
}
.split-group-title {
    background-color: #9800007F;
}

.time {
    font-size: 2.8vw;
    padding: 0 2px;
}

.race-table {
    width: 99vw;
}
.race-table td, .race-table th, .race-table a {
    font-size: 2.5vw;
}