@media screen and (max-width: 800px) {
    
    .split, h1 {
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .split-1 {
        width: 96%;
    }
    
    .split-4 {
        width: 21%;
    }
    
    .split-4.fill-3 {
        width: 71%;
    }
    
    #jplayer_container .jp-play, #jplayer_container .jp-stop {
        width: 100%;
        height: 35px;
        border-radius: initial;
        border: none;
        border-bottom: 1px solid #FFFFFF;
        font-size: 14px;
        position: static;
    }
    
    #jplayer_container .jp-controls-holder button:first-child {
        margin-right: 0;
    }
    
    #jplayer_container .jp-controls-holder button {
        width: 50%;
    }
    
    #jplayer_container .jp-playing p {
        margin-left: 9px;
    }
}

@media screen and (max-width: 480px) {
    
    nav li {
        float: none;
        width: 100%;
        border-left: none;
    }
    
    #jplayer_container .jp-controls-holder {
        width: 20%;
    }
    
    #jplayer_container .jp-volume-controls {
        width: 80%;
    }
    
    #jplayer_container .jp-playing {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    
    .split, h1 {
        margin-left: 4%;
        margin-right: 4%;
    }
    
    .split-1 {
        width: 92%;
    }
    
    .split-4 {
        width: 17%;
    }
    
    .split-4.fill-3 {
        width: 67%;
    }
    
    #jplayer_container .jp-controls-holder {
        border-right: none;
        border-bottom: 1px solid black;
    }
    
    #jplayer_container .jp-controls-holder, #jplayer_container .jp-volume-controls {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    
}