@media screen and (min-width: 0px) and (max-width: 768px) {
	
	#pacman ,
	#lastupdate,
	#controlpanel>input {
		display: none;
	}
	
	#controlpanel>button {
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-size: 20px 20px;
		background-position: 6px 6px;
		width: 31px;
		height: 31px;
		text-indent: -9999px;
		border: 0px;
		cursor: pointer;
	}
	
	#reload.btn {
		background-image: url("../img/picol/refresh_32.png");
	}
	
	#colorchanger.btn {
		background-image: url("../img/picol/tab_32.png");
	}

	header h1,
	ul.linklist {
		padding: 0.5em;
		margin: 0;
		float: left;
	}
	
	ul.linklist li {
		padding: 0;
	}
	
	header h1, 
	header ul li a {
		padding: 0.5em;
		height: 10px;
	}

	header .toggler {
		display: block;
		float: right;
		border: none;
		margin: 0;
		width: 31px;
		height: 31px;
		background-color: transparent;
		background-image: url("../img/picol/settings_32.png");
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 6px 6px;
		cursor: pointer;
		border: none;
	}

}