@media (min-width: 768px) {

    html, body {
        font-size: 1.0rem;
    }

    body {
        padding-top: 5rem;
    }

    div.indexmenu {
        /*display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: auto;
        margin-bottom: 1rem;
        flex-direction: column;
        align-content: stretch;
        border: none;*/
    }

    div.indexmenu.mwbtns {
        max-width:400px;
        /*display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: auto;
        margin-bottom: 1rem;
        flex-direction: column;
        align-content: stretch;
        border: none;*/
    }

    div.settingspane {
        background-color: #ffffffd0;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }

        div.settingspane select {
            margin: 0.5rem;
            width: auto;
        }

    div.playlist div.playrow {
        width: auto;
        margin:1.0rem;
    }

    div.points {
        width: fit-content;
        margin: auto;
        border-radius: 100px;
        text-align: center;
        padding: 0.5rem;
        padding-left: 3rem;
        padding-right: 3rem;
        
        background-color: #ffff0030;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }

    
        .indexmenu a.settings {
            width: auto;
        }

    .indexmenu .row {
        /*display: flex;
        flex-direction: initial;
        align-content: center;
        align-items: center;*/
        
    }

    a.settings.helpbtn {
        min-width: 55px;
        max-width: 55px;
    }

    .cancel {
        padding: 1rem;
    }

    div.playlist div.playrow {
        margin: 0.5rem;
     }


    div.userselections {
        display: block;
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-color: #ffffffe0;
        z-index: 1000000;
        display: flex;
    }

        div.userselections div.content div.list div.btn {
            width: fit-content;
            min-width: fit-content;
            max-width: fit-content;
        }

    div.userselections div.content {
        width: fit-content;
        max-width: fit-content;
        margin: auto;
        background-color: #fff;
        max-width: 75%;
        border-radius: 0px;
        box-shadow: 0 3px 10px 0px #00000030
    }

        div.userselections div.content2 {
            padding: 3rem;
        }

    .indexmenu .btn.settings,
    .indexmenu .btn.newgame {
        width: 100%;
    }

    div.login {
        min-width: 400px;
        width:50%;
        padding:0;
    }

    .playlist{
        max-width:800px;
    }

    div.stars-layer.pts1,
    div.stars-layer.amts1 {
        width: fit-content;
        max-width: fit-content;
        margin-bottom: 1rem;
    }

    .indexmenu .fixedflex.homemenu {
        position:initial;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: fit-content;
        display: flex;
        margin-bottom: 1rem;
    }

        .indexmenu .fixedflex.homemenu .col {
            padding: 0px;
        }

            .indexmenu .fixedflex.homemenu .col:first-child {
                width: none;
                max-width: none;
                padding: initial;
            }

            .indexmenu .fixedflex.homemenu .col:last-child {
                width: none;
                max-width: none;
                padding: initial;
            }

            .indexmenu .fixedflex.homemenu .col:first-child a {
                width: 100%;
                min-width: 220px;
                
                font-size: 1.2rem;
                text-transform: uppercase;
                margin: 0px;
                border-right:solid 1px #00000070;
            }

            .indexmenu .fixedflex.homemenu .col:last-child a {
                width: 100%;
                min-width: 75px;
                max-width: 75px;
                margin: 0px;
                max-width: 100%;
                font-size: 1.2rem;
                border-left: solid 1px #ffffff90;
            }
}