.gameUI .dialogue .settings .content {
    .content-block {
        .rules-flex-column {
            display: flex;
            flex-direction: column;
            align-items: center;

            &.logo {
                margin-top: 3vw;
                margin-bottom: -3vw;
            }

            .rules-column-img {
                &.logo {
                    width: 100%;
                }
            }
        }

        .rulesHeader {
            .version {
                text-align: center;
                font-size: 2vmin;

                @media @smartphones {
                    font-size: 2.5vmax;
                }
            }

            .h1-title {
                margin-top: 0px;
            }
        }

        .divider.rules-divider {
            min-width: 80%;
            max-width: 80%;
            background: url(/assets/paytable/bricks_horizontal.png);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            min-height: 4vw;
            min-width: 100%;
        }

        .rules-wrapper {
            max-width: 80%;
            font-size: 1.5vmax;
            text-align: left;

            @media @smartphones {
                max-width: 97%;
                font-size: 2.5vmax;
                margin-left: 5vw;
            }

            ul {
                margin-bottom: 3%;

                li {
                    margin: 2% 0;

                    @media @smartphones {
                        margin: 3% 0;
                    }
                }
            }
        }
    }

    .replay {
        justify-content: center;
        margin-top: 5%;
    }
}