@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-image: linear-gradient(to top, #003595, #00000000 32%), url(/images/maxiMiliardarioNew/background.webp);
    background-size: cover;
    height: 101%;
}

header .logo {
    background-image: url("/images/logo_blue.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: 320px;
        margin-bottom: 15px;
        margin-inline: -24px;
        padding-inline: 26px;
    }

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

}