@media (max-width: 600px){
	#topbar {
		xflex-direction: column;
	}

	#topbar > .part {
		justify-content: center;
	}

	#topbar > .left, #topbar > .right  {
		width: 20%;
	}

	#topbar > .left > .title {
		display: none;
	}

	#topbar > .left > .icon-container {
		margin: 0px;
	}

	#topbar > .mid {
		xdisplay: block;
		justify-content: space-evenly;
		flex: 1;
	}

	/* topbar mid buttons */
	#topbar > .mid > a {
		min-width: 20px;
		height: 80%;
	}
	#topbar > .mid > a > .label {
		display: none;
	}
	#topbar > .mid > a > img {
		margin: 0px;
	}
	
	#content {
		max-width: 100vw;
		width: 100%;
		flex-direction:column;
	}	
	
	.section {
		margin: 5px 5px;
		width:100%;
		min-height:200px;
		white-space: normal;
	}

	#content > .section:last-child {
		margin-bottom:200px;
	}

	.section > .content > .item {
		padding: 5px 5px 5px 5px;
	}
}