@media only screen and (max-width:1439px) and (min-width:1000px) {
    .black-key a {
        font-size: 2vw;
    }

    .white-key a {
        font-size: 2vw;
    }

}


@media only screen and (min-width:1000px) and (max-height: 600px) {

    #piano-mode-window {
        position: initial;
        bottom: 0;
        left: auto;
        top: auto;
        max-width: 80vw;
        margin: 2vw 10vw;
        z-index: 0;
    }

}

@media only screen and (max-width:999px) and (min-width:650px){

    .piano-scroll {
        width: 97vw;
    }

    .piano-black-keys {
        width: 97vw;
    }

    .black-key a,
    .white-key a {
        font-size: 1.1em;
    }

}

@media only screen and (max-width:999px) and (min-width:650px) and (max-height:600px){

    #piano-mode-window {
        position: initial;
        bottom: 0;
        left: auto;
        top: auto;
        max-width: 97vw;
        margin: 1.5vw;
        margin-top: 2.5vw;
    }

}

@media only screen and (min-width:649px) and (max-height: 600px) {

    .piano-container {
        margin: 0px;
        margin-top: 2vw;
    }


    footer {
        display: none;
    }
}