


footer>p, #footer-columns {
	padding-left:6%;
}

#footer-columns {
	display:flex;
}

#footer-columns div {
	flex:1 1 auto;
}




/* ========================================
MEDIA QUERIES!

======================================== */


@media all and (min-width: 481px) {
	
	
	
	
} /* closes 481px+ */




@media all and (min-width: 769px) {
	
header h1 {
	font-size:8vw;	
}

#disks {
	display:flex;
}

#record-credits {
	left:3%;
}




#columns {
display:flex;
flex-direction:column;
align-items:flex-start;
flex-flow:column wrap;
justify-content:flex-start;
max-height:28000px;
max-width:100%;
}

#columns section {
flex:1 1 0;
width:45%;
}


.mobile {
		display:none;
}

.desktop {
display:block;
}


.fotorama__caption__wrap {
	background:rgba(0,0,0,0) !important;
	color:rgba(255,255,255,0) !important;
	font-size:1em;
}

.fotorama:hover .fotorama__caption__wrap {
		background:rgba(0,0,0,0.5) !important;
	color:white !important;
}


footer p {
	max-width:700px;
	/*margin-left:6%;*/
}


} /* closes 768px+ */





@media all and (min-width: 775px) {
	
	
#columns {
/*max-height:13600px;*/

}

#columns section {
		width:43%;
	}
	


	
} /* closes 785px+ */



@media all and (min-width: 815px) {

#single-column #container {
	max-width:800px;
}

#columns {
max-height:28500px;
}



	
	} /* closes 815px+ */
	
	


@media all and (min-width: 837px) {


#columns {
max-height:29100px;
}
	
	} /* closes 840px+ */



@media all and (min-width: 855px) {
	
	
#columns {
max-height:29500px;
}




} /* closes 887px+ */



@media all and (min-width: 873px) {
	
#columns {
max-height:30000px;
}	
	
	
} /* closes 915px+ */	



@media all and (min-width: 893px) {


#crystal-world {
	display:block;
}

#single-column #container {
	max-width:900px;
}
	
#columns {
max-height:31100px;
}


} /* closes 960px+ */




@media all and (min-width: 960px) {
	
	
#columns {
max-height:31500px;
}




} /* closes 980px+ */




@media all and (min-width: 983px) {
	
	
#columns {
max-height:32500px;
}


} /* closes 1125px+ */




@media all and (min-width: 1034px) {
	
	
#columns {
max-height:33000px;
}





} /* closes 1065px+ */




@media all and (min-width: 1059px) {
	
	
#columns {
max-height:33500px;
}


} /* closes 1215px+ */



@media all and (min-width: 1083px) {
	
	
#columns {
max-height:34700px;
}




} /* closes 1145px+ */



@media all and (min-width: 1129px) {
	
#columns {
max-height:35800px;
}
	
	
} /* closes 1195px+ */



@media all and (min-width: 1170px) {
	
header h1 {
	font-size:3vw;	
}





#columns {
max-height:20000px;
}

#columns section {
width:31%;
}





	
	
} /* closes 1240px+ */





@media all and (min-width: 1260px) {


#records {
	display:flex;
}

#records figure.desktop {
margin-right:1%;
/*margin-top:1%;*/
min-width:51.5%;
}


#records figure#disks {

}

#columns {
max-height:20600px;
}

	
	} /* closes 1275px+ */



@media all and (min-width: 1305px) {

#columns {
max-height:20900px;
}	


	
} /* closes 1315px+ */




@media all and (min-width: 1330px) {

#crystal-world {
	display:none;
}

#columns {
max-height:21200px;
}	
	
} /* closes 1385px+ */	



@media all and (min-width: 1395px) {



#columns {
max-height:21800px;
}	
	
	
	
} /* closes 1415px+ */





@media all and (min-width: 1446px) {
	
#columns {
max-height:22700px;
}	

#crystal-world {
	display:block;
}


	
} /* closes 1475px+ */





@media all and (min-width: 1473px) {

#columns {
max-height:23200px;
}	

	
} /* closes 1500px+ */







@media all and (min-width: 1515px) {

/*
#columns {
max-height:23800px;
}	
*/

#crystal-world {
	display:none;
}


} /* closes 1540px+ */




@media all and (min-width: 1570px) {
	

#columns {
max-height:23800px;
}

	
} /* closes 1585px+ */




@media all and (min-width: 1620px) {
	

#columns {
max-height:24300px;
}	






} /* closes 1630px+ */


@media all and (min-width: 1665px) {
	

#columns {
max-height:24800px;
}	



} /* closes 1680px+ */
	

@media all and (min-width: 1690px) {
	

#container {
	width:1660px;
	margin:auto;
}


	
#columns {
max-height:25500px;

}		


#crystal-world2 {
	display:block;
}

	
} /* closes 1695px+ */

