@media screen and (max-width: 700px){
	
	.legend {
		float: none;
		overflow: hidden;
		margin: 0px 0px 20px 0px;
		text-align: center;
	}
	.legend lu {
		margin: 0px;
		padding: 0px;
	}
	.legend li {
		float: none;
		display: inline-block;
		margin: 0px 5px 10px 5px;
	}
	
	h1 {
		text-align: center;
	}
	h1.orders span {
    	display: block;
		margin: 20px 0px 0px 0px;
	}
	h1.orders strong {
		padding: 8px 10px;
		margin: 0px 0px 0px 10px;
		height: 45px;
	}
	.overviewlist .expand.show div:first-child {
		display: none;
	}
	
	.overviewlist .expand.show div {
		width: 1000%!important;
	}
	
	
}