@media only screen and (max-width: 700px) {


	#menu {
		flex:1;
	}

	#audio {
		width: 100%;
		margin: 0;
		flex:1;
		align-self: flex-end;
	}

	#audiobuttons {
	border-radius: 0;
	}

	#timebarcontainer {
		border-radius: 0;
			background-color: white;
	}

	#title {
		flex:3.5;
	}



	#previous img {
		width: 20%;
		height: 20%;
	}

	#next img {
		width: 20%;
		height: 20%;
	}
	#previous {
		left: 0;
	}

	#infobutton {
		display: none;
	}

	#infobutton:hover {
		text-shadow: 3px 3px black;
			box-shadow: 3px 3px black;
		border: 3px solid gold;
		color: gold;
	}

	#info {
		display: none;
	}

	#bottom {
		display: none;
	}


	#next {
		right:0;
	}

	h1 {
		/*padding: 5px;*/
		font-size: 30px;
		letter-spacing: 4px;
	}

	h2 {
		padding: 5px;
		font-size: 35px;
	}




}