body {
    background-repeat: repeat;
    background-color: #FFFFFF;
    font-family: "Arial Black", Arial;
    /* background-image: url("https://64.media.tumblr.com/a614791855bd13e7d03922f88e50269c/tumblr_nz15ju2Mlw1tbo7j1o1_500.gif"); */
    margin: 0;
    padding: 0;
    text-align: center;
    /* height: 1000px; */
}

h1 {
    font-size: 80px;
    font-style: italic;
    color: white;
    font-family: "Arial Black", Arial;
    text-align: center;
}

h2 {
    width: 750px;
    margin: 0 auto;
    top: -800px;
}

#mfs_html5 {
    margin: 0 auto;
}

#section {
    width: 100%;
    margin: 0 auto;
}

#headerImage {
    position: relative;
    margin: 50px;
    top: -35px;
}

#beatShop {
    margin: 0 auto;
    width: 100%;
    /* height: 1200px; */
}

#button1 {
    margin: 20px;
}

#button2 {
    margin: 20px;
}

#button3 {
    margin: 20px;
}

#button4 {
    margin: 20px;
}

#menu {
    position: relative;
    margin: 0 auto;
}

.innerButton {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 6px;
    text-decoration: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #D8D8D8; */
}

li {
    float: left;
}

#topMenu {
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#escapeButton {
    background-color: #D8D8D8;
    /*
    CHANGE THIS BACK TO NORMAL COLOR
    border: 4px solid #0002aa;
    */
    border: 4px solid #2977d6;
    width: 20px;
    color: black;
}

#escapeButton a {
    display: block;
    color: black;
    text-align: center;
    text-decoration: none;
}

#bottomMenu {
    background-color: #D8D8D8;
    border: 8px solid #D8D8D8;
}

#bottomMenu li {
    margin-left: 50px;
}


/* Change the link color to #111 (black) on hover */


/* li a:hover {
    background-color: #E1E1E1;
    border: 1px solid #000000;
}

li:last-child {
    border-right: none;
}

.navBar2 {
    width: 75%;
    margin: 0 auto;
    box-shadow: 1px 1px 1px 0.1px #000000;
}

.navBar3 {
    width: 100%;
    margin: 0 auto;
    box-shadow: 1px 1px 1px 0.1px #000000;
} */


/* .navBar {
    position: fixed; */


/* Set the navbar to fixed position */


/* top: 0px; */


/* Position the navbar at the top of the page */


/* left: 1px; */


/* width: 99%;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    background-color: #D8D8D8;
    border: 1px solid #000000;
}

.navBar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navBar a:hover {
    background-color: #ddd;
    color: black;
}

.navBar a.active {
    background-color: #4CAF50;
    color: white;
} */


/* Hide the link that should open and close the topnav on small screens */

.navBar .icon {
    display: none;
}

.storeText {
    color: white;
    left: 25px;
    padding: 0px 0px;
}

#escp {
    color: black;
    padding: 0px 0px;
    cursor: pointer;
}

#escp2 {}

#videos1 {
    margin: 0 auto;
}

#topMenu a {
    padding: 0px 0px;
    float: initial;
}

#topMenu a:hover {}

#topMenu a.active {}

#topMenu.responsive {}

#topMenu.responsive .icon {}

#topMenu.responsive a {}

@media screen and (max-width: 600px) {
    .navBar.container a:not(:first-child) {
        display: none;
    }
    .navBar.container a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .navBar.container.responsive {
        position: fixed;
    }
    .navBar.container.responsive .icon {
        right: 0;
        top: 0;
    }
    .navBar.container.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

#ad1 {
    font-size: 35px;
    font-style: italic;
    color: black;
    font-family: "Arial Black", Arial;
}

#mydiv {
    z-index: 9;
    background-color: #D8D8D8;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 30%;
    left: 2%;
}

#mydivheader {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydivWAV {
    z-index: 9;
    background-color: #D8D8D8;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 30%;
    left: 50%;
}

#mydivWAVheader {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydivPREM {
    z-index: 9;
    background-color: #D8D8D8;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 30%;
    left: 2%;
}

#mydivPREMheader {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydivTRACK {
    z-index: 9;
    background-color: #D8D8D8;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 470px;
    left: 2%;
    margin-top: 1130px;
    margin-bottom: 50px;
    /* top: 100%; */
    /* position: fixed; */
}

#mydivTRACKheader {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydiv2 {
    z-index: 9;
    background-color: #D8D8D8;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 470px;
    left: 2%;
    text-align: center;
}

#mydiv2header {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydiv3,
#mydiv6 {
    position: absolute;
    z-index: 9;
    background-color: #D8D8D8;
    text-align: center;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    border: 1px solid #000000;
    width: 500px;
    left: 2%;
}

#mydiv3header {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

#mydiv4 {
    position: fixed;
    text-align: center;
    top: 0px;
    left: 1px;
    overflow: auto;
    background-color: transparent;
    border: 1px solid #000000;
}

#mydiv4header {
    cursor: move;
    z-index: 10;
    height: 30px;
    /* CHANGE THIS BACK TO NORMAL COLOR 
    background-color: #0002aa; */
    background-color: #2977d6;
    border: 3px solid #D8D8D8;
    color: white;
}

.mydivy {
    position: fixed;
    /* Set the navbar to fixed position */
    top: 0px;
    /* Position the navbar at the top of the page */
    left: 1px;
    width: 99%;
    box-shadow: 2px 2px 10px 2px #000000;
    overflow: hidden;
    background-color: #D8D8D8;
    border: 1px solid #000000;
}

.mydivy a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.mydivy a:hover {
    background-color: #ddd;
    color: black;
}

.mydivy a.active {
    background-color: #4CAF50;
    color: white;
}

.resizable {
    background: #D8D8D8;
    position: absolute;
}

.resizable .resizers {
    box-sizing: border-box;
}

.resizable .resizers .resizer {
    position: absolute;
}

.resizable .resizers .resizer.top-left {
    width: 20px;
    height: 20px;
    left: -5px;
    top: -5px;
    cursor: nwse-resize;
    /*resizer cursor*/
}

.resizable .resizers .resizer.top-right {
    width: 10px;
    height: 10px;
    right: -5px;
    top: -5px;
    cursor: nesw-resize;
}

.resizable .resizers .resizer.bottom-left {
    width: 20px;
    height: 20px;
    left: -5px;
    bottom: -5px;
    cursor: nesw-resize;
}

.resizable .resizers .resizer.bottom-right {
    width: 20px;
    height: 20px;
    right: -5px;
    bottom: -5px;
    cursor: nwse-resize;
}