.f1-fonts  {
    font-family: 'Titillium Web', Aptos-Narrow, Roboto, sans-serif !important;  
}

.f1-title {
    font-size: 10cqh;
}

.f1-title-small {
    font-size: 6cqh;
}

.f1_subtitle {
    color: #ffffff !important;
}

.DriverTable, .TeamTable {
    vertical-align: middle;
}
.DriverTable .number, .TeamTable .numberxx {
    font-size: 1.2rem;
    vertical-align: inherit;
}
.DriverTable .text, .TeamTable .textxx {
    font-size: 1rem;
    vertical-align: inherit;
}

.underline {
    border-bottom: 1px solid var(--f1-color) !important;
}

@media (min-width:576px) {

}

@media (min-width:768px) {
    .DriverTable .number, .TeamTable .numberxx {
        font-size: 1.5rem;
    }
    .DriverTable .text, .TeamTable .textxx {
        font-size: 1.2rem;
    }
}

@media (min-width:992px) {

}

@media (min-width:1200px) {

}

.titleImagePoster {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.art-driver {
    --icon-height: 350px;
    height: var(--icon-height);
    object-position: top !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-position-x: 85% !important;
    background-size: 50% !important;
    container-type: size;
}

.art-team {
    --icon-height: 250px;
    height: var(--icon-height);
    background-position-y: 70% !important;
    background-position-x: 50% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-size: 80% !important;
    container-type: size;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}