.gameUI .dialogue .settings .content {
    overflow-x: hidden;

    @media @portrait {
        width: 100vw;
    }

    .content-block {

        .divider.info-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%;
        }

        .infoHeader h1.submenu-header {
            line-height: unset;
            font-family: 'foo';
            font-size: 8vmin;
            color: #ff5c00;
            margin-bottom: 0.5vw;
            text-align: center;
            line-height: 6.5vmin;
            margin-top: 0px;
        }

        .info-flex-row {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            flex-flow: row wrap;
            align-content: space-evenly;
            width: 100%;

            &.collector {
                place-content: space-evenly;
            }

            &.boat {
                margin-top: 5vw;
                z-index: 100;
                margin-bottom: -11vw;
                align-items: flex-end;

                img.boat {
                    width: 17vw;
                    margin-right: 10vW;
                    margin-bottom: 1.5vw;
                }

                img.shark {
                    width: 2vw;
                    margin-left: 10vW;
                }
            }
        }

        .info-flex-column {
            display: flex;
            flex-direction: column;
            align-items: center;
            &.reveal{
              width: 50%;
              @media @portrait{
                width: 100%;
              }
            }
            &.logo {
                margin-bottom: -7em;

                @media only screen and (max-width: 1400px) {
                    margin-bottom: -10.5%;
                }

                @media only screen and (max-width: 900px) {
                    margin-top: 6vw;
                }
            }

            .info-column-img {
                &.logo {
                    width: 100%;
                    transform: translateY(-23%)
                }

                &.myst {
                    width: 80%;
                }

                &.reveal {
                    width: 70%;
                }

                &.freespins {
                    width: 80%;
                }

                &.collector {
                    width: 20vw;
                    min-width: 100px;
                    max-width: 200px;
                }

                &.buy-feature {
                    width: 20vw;
                    min-width: 150px;
                    max-width: 250px;
                }

                &.water {
                    width: 100%;
                }
            }

            &.symbols {
                width: 100%;
                max-width: 850px;
            }

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

            &.reveal {
                margin-bottom: 1vw;
            }

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

            &.collector {
                margin-top: 2vw;
                margin-bottom: 4vw;
            }

            &.key {
                justify-content: space-around;
                min-height: 30vw;
            }

            &.buy-feature {
                margin-top: 2vw;
                margin-bottom: 5vw;
            }

            &.water {
                width: 99vw;
                margin-bottom: -2vw;

                @media @smartLandscape {
                    width: 84vw;
                }
            }
        }

        .symbols-image {
            margin-bottom: 3%;
            width: 100%;
            justify-content: space-evenly;

            @supports (-ms-ime-align: auto) {
                /* Edge only */
                justify-content: space-around;
            }

            .pay-dictionary {
                font-size: 2vmin;

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

        .info-explanation-text {
            width: 100%;
            max-width: 1200px;
            margin-bottom: 3%;
            font-size: 1.5vmax;
            text-align: center;

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

            &.wild {
                margin-top: 3%;
                margin-bottom: 0px;
            }

            .wild-color {
                color: @fontColor;
                font-weight: bold;
            }

            &.collector {
                max-width: 600px;
            }
        }

        .infoHeader .feature-bet-amount {
            text-align: center;
            font-size: 2vmin;

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

        .h1-title {
            .hellcatraz-header-font;
            margin-top: 3vw;
            margin-bottom: 0vw;

            @media @smartphones {
                font-size: 6vmax;
                line-height: 5vmax;
            }

            &.collector {
                margin-top: 1vw;
            }
        }
    }
}

.paylines.flex-container {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;

    .flex-container {
        display: flex;
        flex-flow: row wrap;
        margin: 0.7em;
    }

    .square {
        border: 1px solid black;
        border-width: 1px 1px 0px 0px;
    }
}