@media (max-width: 576px) {
    html {
        font-size: 3.44vw;
    }

    .container {
        width: 90%;
    }

    .first-screen {
        width: 90%;
    }

    .laliga-logo {
        width: 23vw;
        bottom: -0.15rem;
    }

    .first-screen_main {
        width: 75vw;
        bottom: -0.5rem;
    }

    .logo {
        right: 2.5vw;
        width: 26vw;
    }

    .first-screen_main_registration {
        width: 25vw;
        right: 4vw;
        bottom: -1rem;
    }

    .matches_inner {
        width: 90%;
    }
    
    .matches_item {
        flex-basis: 100%;
    }

    .matches_item_data {
        flex-wrap: wrap;
        padding: 2.1rem 2.6rem 3rem;
    }

    .matches_item_logo {
        width: 7.27rem;
        height: 7.27rem;
    }

    .matches_item_name {
        font-size: 1.45rem;
    }

    .matches_item_starts-at {
        order: 1;
        flex: 0 0 100%;
        padding-bottom: 1rem;
    }

    .matches_item_starts-at_date {
        font-size: 1.27rem;
    }

    .matches_item_starts-at_time {
        font-size: 1.82rem;
    }

    .matches_item_home_wrapper {
        order: 2;
        flex: 0 0 calc(45% - 1rem);
    }

    .matches_item_away_wrapper {
        order: 3;
        flex: 0 0 calc(45% - 1rem);
    }

    .matches_item.match-tour:after,
    .matches_item.interesting-odds:after {
        right: -1rem;
        bottom: -1.5rem;
        width: 14rem;
        height: 3.5rem;
    }

    .rules {
        flex-direction: column;
        font-size: 1rem;
    }

    .copyright {
        font-size: 1rem;
        width: 100%;
    }
}