* {
        outline: none;
        scroll-behavior: smooth;
        font-family: 'Acme', sans-serif;
    }
        
    
    body {
        
    }
    
    nav {
        position: fixed;
        z-index: 5;
        top: 0px;
        left: 0px;
        display: flex;
        align-items: center;
        height: 150px;
        width: 100%;
        background-color: #fde1a0;
        padding: 10px;
    }

    .navBtns {
        position: initial;
        z-index: 3;
    }

    a {
        text-decoration: none;
    }


    .trksDIV {
        position: absolute;
        top: 200px;
    }
    
    .titleNAV {
        margin-left: 50px;
    }

    /* #backMblID {
        display: block;
    } */
    
    .backMbl {        
        position: fixed;
        bottom: 5px;
        right: 5px;
        height: 30px;
        background-color: #333333;
        border-radius: 40px;
        border: solid 2px #333333;
        height: 50px;    
    }

    .bAiVID {
        width: 300px;
        border-radius: 15px;
    }

    .navBGimg {
        position: fixed;
        height: 170px;
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    /* ******************************************************************************************** */

    @media only screen and (max-width: 800px) {

        .titleNAV {
            position: fixed;
            top: 100px;
            margin-left: 20px;
        }

        .navBGimg {
            position: fixed;
            height: 170px;
            left: auto;
            right: 0px;
            /* margin-left: auto; */
            /* margin-right: auto; */
        }
    
    }