@font-face {
	font-family: 'metroplayericon';
	src:url('fonts/metroplayericon.eot?-1s7fzr');
	src:url('fonts/metroplayericon.eot?#iefix-1s7fzr') format('embedded-opentype'),
		url('fonts/metroplayericon.woff?-1s7fzr') format('woff'),
		url('fonts/metroplayericon.ttf?-1s7fzr') format('truetype'),
		url('fonts/metroplayericon.svg?-1s7fzr#metroplayericon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="mticon-"], [class*=" mticon-"] {
	font-family: 'metroplayericon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mticon-list-ul:before {
	content: "\f0ca";
}
.mticon-cloud-download:before {
	content: "\f0ed";
}
.mticon-play:before {
	content: "\e600";
}
.mticon-pause:before {
	content: "\e601";
}
.mticon-stop:before {
	content: "\e602";
}
.mticon-backward:before {
	content: "\e603";
}
.mticon-forward:before {
	content: "\e604";
}
.mticon-play2:before {
	content: "\e605";
}
.mticon-pause2:before {
	content: "\e606";
}
.mticon-stop2:before {
	content: "\e607";
}
.mticon-backward2:before {
	content: "\e608";
}
.mticon-forward2:before {
	content: "\e609";
}
.mticon-first:before {
	content: "\e60a";
}
.mticon-last:before {
	content: "\e60b";
}
.mticon-previous:before {
	content: "\e60c";
}
.mticon-next:before {
	content: "\e60d";
}
.mticon-eject:before {
	content: "\e60e";
}
.mticon-volume-high:before {
	content: "\e60f";
}
.mticon-volume-medium:before {
	content: "\e610";
}
.mticon-volume-low:before {
	content: "\e611";
}
.mticon-volume-mute:before {
	content: "\e612";
}
.mticon-volume-mute2:before {
	content: "\e613";
}
.mticon-volume-increase:before {
	content: "\e614";
}
.mticon-volume-decrease:before {
	content: "\e615";
}
.mticon-loop:before {
	content: "\e616";
}
.mticon-loop2:before {
	content: "\e617";
}
.mticon-loop3:before {
	content: "\e618";
}
.mticon-shuffle:before {
	content: "\e619";
}

.jp-playlist > li, .jp-playlist > ul, .jp-controls > li, .jp-controls > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}

.focus-container {
    margin: 0 auto;
    width: 600px;
}

.focus-boxed {
    background: none repeat scroll 0 0 #EEF1F2;
    border-radius: 18px;
    margin-bottom: 30px;
    margin-top: 8px;
    position: relative;
    z-index: 0;
    -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);
    box-shadow: 0 0 12px rgba(58, 51, 46, 0.26);    
}

@media(max-width: 600px){
    .focus-container{
        width: 330px;
    }
}

@media(max-width: 360px){
    .focus-container{
        width: 250px;
    }
    .song_title img{
        height: 200px;
    }
}