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

    .container {
        width: 90%;
    }

    .top-net_wrapper {
        left: -100vh;
        right: -100vh;
    }

    .bottom-net_wrapper {
        bottom: 0;
        left: -100vh;
        right: -100vh;
    }

    .logo {
        width: 10rem;
    }

    .bundesliga-logo {
        width: 100%;
    }

    .first_description {
        font-size: 1.7rem;
        margin-top: 2rem;
    }

    .registration-button {
        margin-top: 1.5rem;
    }

    .matches_wrapper {
        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: -2rem;
        bottom: -2rem;
        width: 12.6rem;
        height: 7rem;
    }

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

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