img{
	max-width: 100%;
	height: auto;
}

*{
	box-sizing: border-box;
}

body{
	
	width: 98.3%;
	height: 110%;
	background-color: #0282C2;
	perspective: 1px;
	transform-style: preserve-3d;
	
	
}


.poster{

	display: block;
	margin: 0 auto;
	width: 20%;
	max-width: 600px;
	min-width: 300px;
	
}


h3{
	color:#000000;
	margin-top: -5%;
	margin-right:30%;
	margin-left: 38%;
	font-size: 43px;
	font-family: mia;

	
}

h2{
	color: transparent;
}

h1{

	font-family: mia;
}



p{
	color: black;
	display: inline-block;


}



a {
	color: #000000;
	text-decoration: none;
}



.mystery {
	margin-top: 45px;
	width: 100px;
}

.casstext {
	margin-left: -1%;
}

@font-face {
	font-family: mia;
	src:url(mia.ttf);
}



.miapeach{

	width: 19%;
	height: auto;



}

.musiclink{
	width: 17%;
	height: auto;

	
}
.videolink{
	width: 17%;
	height: auto;
}

.storelink{
width: 17%;
	height: auto;
}

.showslink{

width: 17%;
	height: auto;

}



.miapeachp{

	width: 140px;
	height: auto;
	margin-bottom: -70px;



}

.musiclinkp{
	margin-top: 20px;
	width: 90px;
	height: auto;
	margin-left: -10px;


	
}
.videolinkp{
	margin-bottom: -75px;
	margin-left: -100px;
	width: 90px;
	height: auto;
}

.storelinkp{
width: 105px;
	height: auto;
	margin-top: -90px;
}

.showslinkp{

width: 90px;
	height: auto;
	margin-bottom: -70px;
	margin-left: -110px;


}



.toplinks{
	

	
}



.phonelinks {


}

.bodystuff {
	margin-top: -30px;
	margin-left: -0.3%;
	height: 92.7%;
	width: auto;
	overflow-x: hidden;
	overflow-y: auto;
	perspective: 300px;
	position: relative;
	transform-style: preserve-3d;
	background-image: url('background0.jpg');
	background-size: cover;
	background-repeat: repeat;
	


}

.toplayer{
	position: relative;
	transform-style: preserve-3d;
	height: 100vh;
}

.button {
	
	font-size: 200%;
	font-family: mia;
	background-image: url('background0.jpg');
	margin-left: 10%;
	margin-right: 43%;
	float: right;
	margin-top: -5%;
	color: #000000;
	border-color: #000000;
	
}

.tbutton {
	color: #000000;
	font-size: 100%;
	font-family: mia;
	background-image: url('background0.jpg');
	margin-right:10% ;
	float: right;
	border-color: #000000;

	
}

.bookbutton {
	font-size: 100%;
	font-family: mia;
	background-image: url('background0.jpg');
	 ;
	margin-left: 47%;
	color: #000000;
	border-color: #000000;
}

.DL {
	margin-left: 2%;
	width: 300px;
	margin-bottom:2050px;
	min-width: 300px;

}

.SOSL {
	margin-left:;
	width: 300px;
	min-width: 300px;
	margin-bottom: 100px ;

}

.SL {
	margin-left: 2%;
	width: 300px;
	margin-bottom:1950px ;
	min-width: 300px;

}

.PL {
	margin-left: 2%;
	width: 300px;
	margin-bottom:1950px ;
	min-width: 300px;

}

.WL {
	margin-left: 2%;
	width: 300px;
	margin-bottom:1720px ;
	min-width: 300px;

}

.albumcover {
	width: 	60%;
	margin-left: 15%;
	margin-bottom: 2.5%;

}

.releases {
	margin-left: 7%;
}




@media  (max-width: 499px) {

	.DL {
		margin-bottom: 1px;
	}

	.SOSL {
		margin-bottom: 1px ;

	}

	.SL {
		margin-bottom: 1px;
	}

	.PL{ 
		margin-bottom: 1px;
	}

	.WL{
		margin-bottom: 1px;
	}


	h1{
		font-size: 30px;
		margin-left:3%;
		margin-bottom: 9%;
	}
	




	.phonelinks {
		display: block;
			margin-left: 9%;
	margin-right: 3%;
	
	width: 100%;
	margin-bottom: 100px;
	align-content: center;
	}
	.toplinks {
		display: none;
		margin-left: 9%;
	margin-top: 1%;

	}

	p{
		font-size: 200%;
		margin-right: 8%;
	font-family: mia;
	margin-left: 8%;
	margin-bottom: 8%;
	}

	 {
	
	}
}

iframe {
	margin-left:12%;
	margin-right: 0%;
	margin-bottom: 2%;
}



@media (min-width: 500px) {

	.DL {
		margin-bottom: 2050px;
	}

	.SOSL {
		margin-bottom: 100px ;

	}

	.SL {
		margin-bottom: 1950px;
	}

	.PL{ 
		margin-bottom: 1950px;
	}

	.WL{
		margin-bottom: 1720px;
	}

	.phonelinks {
		display: none;
			margin-left: 12%;
	margin-right: 3%;
	
	width: 100%;
	margin-bottom: 100px;
	align-content: center;
	}
	.toplinks {
		display: block;
		margin-left: 9%;
	margin-top: 1%;

	}

	p{
		font-size: 340%;
		margin-right: 8%;
	font-family: mia;
	margin-left: 8%;
	margin-bottom: 8%;
	margin-top: 0%;
	}

.albumcover {
	width: 	15%;
	min-width: 200px;
	margin-left: 2.5%;
	margin-bottom: 2.5%;
	
}

.releases {
	margin-left: 7%;
}

h1{
		font-size: 40px;
		margin-left: 10%;
		margin-bottom: 2%;
	}

iframe{
	margin-right: 12%;
	margin-left: 24%;
	min-width: 560px;
	min-height: 315px;
	width: 50%;
	height: 50%;
	display: block;
	margin-bottom: 2%;

	

}