body {background: black; font-family: "Trebuchet MS", Tahoma, sans-serif; color: white; }
.clearfix::after { content: ""; display: table; clear: both; }
#cwrap { position: relative; display: block; }
#nowPlay { margin: 15px auto; position: relative; display: block; text-align: center; }
#npAction { display: inline-block; padding-right: 7px; font-weight: bold; }
#npTitle { font-weight: bold; }
#audiowrap { margin-bottom: 20px; }
#plwrap {}
#audio1 { width: 100%; margin: 0 auto; display: block; }
.plLength { float: right; }
.plNum { border-right: 1px solid grey; padding-right: 7px; }
ul { margin: 0; padding: 0;}
li { list-style-type: none; border-bottom: 1px dotted #eceeef; padding: 7px; }
li.plSel { font-size: 1.2em; color: black; background-color: #eceeef; }
li.last { border: 0 none; }
li:hover { cursor: pointer; color: black; background-color: #eceeef; }
ul li div { display: inline-block; }
.album-wraper { max-width: 320px; margin: 0 auto; }
.gridcontainer { position: relative; text-align:center; }
.gridwraper { margin-top:15px; }

.gridbox { color: white; padding: 0; font-size: 30px; max-width: 320px; text-align: center; display: inline-block; width: 100%; height: 320px; margin: 0; justify-content: center; align-content: center; background: red; margin-bottom: 6px; border-radius: 20px; }
.gridbox span { background: black; padding: 5px 15px; border-radius: 15px; opacity: 0.8; }

.cover { background-repeat: no-repeat; background-size: cover; }

.album-zen { background-image: url(cover-zen.jpg); }
.album-mystique { background-image: url(cover-mystique.jpg); }
.album-meditation { background-image: url(cover-meditation.jpg); }
.album-power { background-image: url(cover-power.jpg); }
.album-energy { background-image: url(cover-energy.jpg); }
.album-i-am { background-image: url(cover-iam.jpg); }
.album-haerz { background-image: url(cover-haerz.jpg); }
.album-confident { background-image: url(cover-confident.jpg); }
.album-soul { background-image: url(cover-soul.jpg); }
.album-the-way { background-image: url(cover-theway.jpg); }

.cover:hover {
    background-size: 110% 110%;
	background-position: center;
}

a { display: inline-block; max-width: 320px; width: 100%; }