*
{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box
}

*:before,
*:after
{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box
}

.container-fluid
{
    	margin-right: auto;
    	margin-left: auto;
    	padding-left: 5px;
    	padding-right: 5px
}

.clear {
	clear: both;
	height: 0
}
.wrapper:before, .wrapper:after, .content:before, .content:after, .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .clear:before, .clear:after {
	content: " ";
	display: table
}
.wrapper:after, .content:after, .clearfix:after, .container:after, .container-fluid:after, .row:after {
	clear: both
}

#discopage
{
        font-family: 'Open Sans', sans-serif;
        clear:both;
    	background: ;
    	color: #transparent;
    	display: block;
    	position: relative;
	    border-top: 1px solid #D6D0C1;
	    border-bottom: 1px solid #D6D0C1;
}

#discopage .wrapper
{
    	width: 1260px;
    	margin:0 auto
}

#discopage .studio-spacer
{
    	width: 1260px;
	    height: 252px;
}

#discopage .singles-spacer
{
    	width: 1260px;
	    height: 252px;
}

#discopage h2, #discopage .h2 
{
    	font-size: 2.000em;
    	text-transform: uppercase;
    	padding: 0;
    	margin: 0 0 10px;
    	line-height: 1em;
        border-bottom: 1px solid #ffffff;
}

#discopage h3.heading-ul
{
        color:#ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size:1.500em;
        text-transform: uppercase;
    	margin: 10 0 10px;
	    text-align:center;
    	line-height: 1em;
}

#discopage ul li, #discopage ol li
{
    	margin-bottom: 5px;
}

#discopage .album-img
{
    	display: block;
    	padding: 0;
    	margin: 0 auto;
    	max-width: 100%;
    	width: auto;
    	height: auto;
}

#discopage .release-type
{
    	overflow: hidden;
    	position: relative;
    	padding: 0;
    	margin: 0 0 15px;
    	vertical-align: text-bottom
}

#discopage .release-type h2
{
    	margin-bottom: 0;
    	float: left;
	    color:#ffffff;
    	line-height: 1.1em
}

#discopage .studio-releases, 
#discopage .single-releases,
#discopage .demo-releases
{
    	padding: 25px 0 25px;
}

#discopage .studio-releases .discography-list,
#discopage .single-releases .discography-list,
#discopage .demo-releases .discography-list
{
    	list-style: none;
    	padding: 0;
    	margin: 0;
    	display: block;
}

#discopage .studio-releases .discography-list li,
#discopage .single-releases .discography-list li,
#discopage .demo-releases .discography-list li
{
    	display: inline-block;
    	margin: 0;
    	padding: 5px;
    	width: 25%;
    	overflow:;
    	float:left;
}

#discopage .studio-releases .discography-list.studio li,
#discopage .single-releases .discography-list.single li,
#discopage .demo-releases .discography-list.demo li
{
    	width: 25%
}

#discopage .studio-releases .discography-list .studio li .container img,
#discopage .single-releases .discography-list .single li .container img,
#discopage .demo-releases .discography-list .demo li .container img
{
    	max-height: 300px

}

#discopage .studio-releases .discography-list li .container,
#discopage .single-releases .discography-list li .container,
#discopage .demo-releases .discography-list li .container
{
    	position: relative;
    	overflow: hidden;
    	text-align: center
}

#discopage .studio-releases .discography-list li .container img,
#discopage .single-releases .discography-list li .container img,
#discopage .demo-releases .discography-list li .container img
{
    	width: auto;
    	height: auto;
    	position: relative;
    	z-index: 1
}

#discopage .studio-releases .discography-list li .container span,
#discopage .single-releases .discography-list li .container span,
#discopage .demo-releases .discography-list li .container span
{
    	display: block;
    	position: absolute;
    	z-index: 3;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	text-align: center;
    	color: #fff;
    	font-size: 1.125em;
    	font-weight: 700;
    	line-height: 1.1em;
    	padding: 50px 10px 0;
    	text-transform: uppercase;
    	background: #151515;
    	background: rgba(0, 0, 0, 0.5);
    	-webkit-opacity: 0;
    	-moz-opacity: 0;
    	opacity: 0
}

#discopage .studio-releases .discography-list li .container span small,
#discopage .single-releases .discography-list li .container span small,
#discopage .demo-releases .discography-list li .container span small
{
    	display: block;
    	font-weight: normal;
    	font-size: 75%
}

#discopage .studio-releases .discography-list li .container a,
#discopage .single-releases .discography-list li .container a,
#discopage .demo-releases .discography-list li .container a
{
    	display: block;
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	z-index: 4
}

#discopage .studio-releases .discography-list li .container:hover img,
#discopage .single-releases .discography-list li .container:hover img,
#discopage .demo-releases .discography-list li .container:hover img
{
    	-webkit-filter: blur(5px);
    	-moz-filter: blur(5px);
    	-o-filter: blur(5px);
    	-ms-filter: blur(5px);
    	filter: blur(5px)
}

#discopage .studio-releases .discography-list li .container:hover span,
#discopage .single-releases .discography-list li .container:hover span,
#discopage .demo-releases .discography-list li .container:hover span
{
    	-webkit-opacity: 1;
    	-moz-opacity: 1;
    	opacity: 1
}



/*================================================================================================*/
/*----MEDIA QUERIES-------------------------------------------------------------------------------*/
/*================================================================================================*/

/*=============================================================== */
/*///////////////////////MAX WIDTH 1215\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 1215px)
{
	#discopage .wrapper
	{
        	width: 980px;
        	padding: 0 15px
    	}
    	#discopage .studio-releases .discography-list li .container span,
    	#discopage .single-releases .discography-list li .container span,
    	#discopage .demo-releases .discography-list li .container span
	{
        	padding-top: 50px
	}
    	#discopage .studio-releases .discography-list.studio li,
    	#discopage .single-releases .discography-list.single li,
    	#discopage .demo-releases .discography-list.studio li
	{
        	max-height: 228px
    	}

	#discopage .studio-spacer
	{
		    height: 320px;
	}

	#discopage .singles-spacer
	{
			height: 320px;
	}
}

/*=============================================================== */
/*///////////////////////MAX WIDTH 979\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 979px)
{

    	#discopage .wrapper
	{
        	width: 100%;
        	padding: 0 15px
		}
    	#discopage h2, #discopage .h2
	{
        	font-size: 1.750em
        }
    	#discopage .studio-releases .discography-list,
    	#discopage .single-releases .discography-list,
    	#discopage .demo-releases .discography-list
	{
        	text-align: center
    	}
    	#discopage .studio-releases .discography-list li, 
    	#discopage .single-releases .discography-list li,
    	#discopage .demo-releases .discography-list li
	{
        	float: none
    	}

}

/*=============================================================== */
/*///////////////////////MAX WIDTH 850\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 850px)
{
	
	#discopage .studio-spacer
	{
		height: 300px;
	}

	#discopage .singles-spacer
	{
		height: 300px;
	}
}

/*=============================================================== */
/*///////////////////////MAX WIDTH 768\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 768px)
{
    	#discopage .wrapper
	{
        	min-width: 320px
    	}
    	#discopage h2, #discopage .h2
	{
        	font-size: 1.429em
    	}
    	#discopage .filter-container
	{
        	float: none;
        	display: block;
        	clear: both
    	}
    	#discopage .studio-releases .discography-list.studio li,
    	#discopage .single-releases .discography-list.single li,
    	#discopage .demo-releases .discography-list.demo li
	{
        	width: 32%;
    	}
}

/*=============================================================== */
/*///////////////////////MAX WIDTH 632\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 632px)
{
    
	#discopage .filter-container label
	{
        display: block;
        padding-bottom: 5px
    	}
    	#discopage .filter-container select
	{
        margin-left: 0;
        width: 100%
    	}
    	#discopage .studio-releases .discography-list.studio li,
    	#discopage .single-releases .discography-list.single li,
    	#discopage .demo-releases .discography-list.demo li
	{
        width: 40%;
    	}
}

/*=============================================================== */
/*///////////////////////MAX WIDTH 750\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 750px)
{
	#discopage .studio-spacer
	{
		height: 80px;
	}

	#discopage .singles-spacer
	{
		height: 80px;
	}
}

/*=============================================================== */
/*///////////////////////MAX WIDTH 350\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/*=============================================================== */
@media screen and (max-width: 350px)
{
	#discopage .studio-spacer
	{
		height: 50px;
	}

	#discopage .singles-spacer
	{
		height: 50px;
	}
}
