@media (max-width: 900px) {
	header nav.menu {
		display: none;
	}
	
	.datebox {
		position: relative;
		margin-top: 10px;
		width: 100%;
	} 
	
	.datebox br {
		display: none;
	}
}

@media (min-width: 901px) {
	header, footer, section {
		max-width: 1210px;
	}
	
	.datebox {
		margin-top: -40px;
	}
	
	.datebox span {
		display: none;
	}
	
	footer p.copyright br {
		display: none;
	}
	
	div.burger {
		display: none;
	}
}

@media (max-width: 768px) {
	footer .footlogo {
		width: 100%;
		text-align: center;
		padding: 12px 0px 5px 0px
	}
	
	footer div.right {
		width: 100%;
	}
}

@media (min-width: 550px) and (max-width: 900px) {
	.submenu p br.sep {
		display: inline-block;
	}
	
	.submenu p span.sep {
		display: none;
	}
	
	.gap40 {
		height: 0px;
	}
	
	footer p.copyright span {
		display: inline;
	}
	
	footer p.copyright br {
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 549px) {
	
	.submenu p a:nth-child(even) {
		float: right;
		width: 40%;
		text-align: right;
	}
	
	.submenu p a:nth-child(odd) {
		float: left;
		width: 60%;
		text-align: left;
	}
	
	.submenu p br.sep {
		display: none;
	}
	
	.submenu p span {
		display: none;
	}
	
	.gap40 {
		height: 0px;
	}
	
	footer nav.menu br.sep {
		display: inline-block;
	}
	
	footer nav.menu {
		margin: 0px;
		line-height: 24px;
	}
	
	footer p.copyright span {
		display: none;
	}
	
	footer p.copyright br {
		display: block;
	}
	
	article.detail h2.player {
		font-size: 24px;
		line-height: 28px;
	}
}