@media screen and (min-width:601px) and (max-width: 1023px){
	main{
		width:100%; margin:auto;
	}
	#black_bg{
		width:100%; float:left; position:initial; 
	}
	#img{
		 position:initial; width:100%; float:left;
	}
	.necklace img{
		width:10%; margin-left:0%;
	}
	#top{
		width:100%; float:left; position:initial;
	}
	#top p{
		width:90%; font-size:400%; float:left;
	}
	#social{
		display:none;
	}
	#text{
		width:100%; float:left;
	}
	#text span{
		font-size:300%; width:70%; margin-left:15%; float:left; position:initial; padding:0;
	}
	#text p{
		font-size:300%; padding:0; width:70%; margin-left:15%; margin-bottom:1%;
	}
	#text a{
		width:70%; font-size:300%; margin:0 15% 7% 15% ; border:1px solid #ffbf00;
	}
	#img a{
		width:70%; font-size:300%; position:initial; margin:0 15% 7% 15% ; border:1px solid #ffbf00;
	}
	.necklace img{
		width:70%; margin-left:15%; margin-bottom:1%;
	}
}