@media (max-width: 767px) {

	/*** General ***/
body {color: #fff;font-size: 14px;line-height: 20x;font-family: 'avenir_light';background: #000;margin-top: 15px;}

	/* Typography */
	h1 			{font-size: 38px;font-weight:lighter;margin-bottom: 15px;padding: 30px 0;}
	
	/* Structure */
	#wrapper		{overflow-x: hidden;}
	#menu			{margin-top: 20px;}
	#carousel		{margin-top: 20px;margin-bottom: 20px;}
	#info			{margin-top: 20px;}
	#music			{margin-top: 20px;}
	#contacts		{margin-top: 20px;}
	#contentsx 		{width: 45%;float:left;padding: 3%;}
	#contentdx		{width: 45%;float:right;padding-right: 2%;}
	#footer			{width: 100%;float:left;padding: 2%;}

	/*** Header ***/
	#title a 		{font-size: 40px;}
	#menu a 		{font-size: 16px;}
	#menu a:hover 	{color:#7e7e7e;}
	
	.hide 		{display: none;}
	.backtotop	{padding: 20px;}

			
}

@media (max-width: 479px) {

	h1 			{font-size: 30px;}

	/* Structure */
	#wrapper		{overflow-x: hidden;}
	#menu			{margin-top: 10px;}
	#info			{margin-top: 0px;}
	#music			{margin-top: 5px;}
	#contacts		{margin-top: 5px;}
	#contentsx 		{width: 95%;float:left;}
	#contentdx		{width: 95%;float:left;}
	#footer			{width: 100%;float:left;}


	/*** Header ***/
	#title a 		{font-size:30px;}
	
	.backtotop	{padding: 10px;}


	
}