@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700;800&display=swap');

a, a:visited, a:focus, a:hover {
    color: #003694;
}

body {
    font-family: 'Roboto Condensed', sans-serif;
}

header {
    background-color: transparent;
}

.background {
    background: radial-gradient(50% 72% at 50% 50%, #055EC2 0%, #01003A 100%);
    background-size: cover;
    height: 101%;
}

header .logo {
    background-image: url("/images/logo_white.svg");
}

.bookmaker[data-bookmaker-id="128"] {
    order: 1;
}

footer {
    background-color: #003595;
}

footer .logo {
    background-image: url("/images/logo_white.svg");
}

.call-to-action {
    color: #003694;
    background-color: #FFF01E;
}

header .call-to-action {
    background-color: #003595;
    color: #fff;
}

@media (max-width: 1024px) {

    .match > h2 {
        font-size: 32px;
    }

}

@media (max-width: 599px) {

    header {
        padding-left: 1em;
    }

    header .logo {
        width: 80px;
    }

    .match .teams p.main-content {
        font-size: 14px;
        margin-top: 193px;
        margin-bottom: 70px;
        margin-inline: -24px;
        padding-inline: 26px;
        padding: 10px 25px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.9) 25%, #FFFFFF 50%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0.4) 100%);
    }

    .match > h2 {
        font-size: 28px;
    }

}