@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;
}

.background {
    background-image: url(/images/estateAlMare/background_desktop.webp);
}

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) {

    .background {
        background-image: url(/images/estateAlMare/background_tablet.jpg);
        background-position: -189px -113px;
    }

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

}

@media (max-width: 599px) {

    .background {
        background-image: url(/images/estateAlMare/background_mobile.jpg);
        background-position: 0px;
    }

    header {
        padding-left: 1em;
    }

    header .logo {
        width: 80px;
    }

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

}