.mobilebar {
		display: flex;
		align-content: stretch;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: column;
		width: 100%;
		margin-bottom: 0 !important;
	}

	.mobile-item {
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 0;
		align-self: auto;
		margin-bottom: 0 !important;
	}

	.desktopbar {
		display: flex;
		align-content: stretch;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
		width: 100%;
		margin-bottom: 0 !important;
	}

	.desktop-item {
		flex-basis: 25%;
		flex-grow: 0;
		flex-shrink: 0;
		align-self: auto;
		margin-bottom: 0 !important;
	}

	.boxitem {
		width: 100%;
		margin-bottom: 0 !important;
	}

	.boxitem:hover {
		opacity: 0.8;
		-moz-opacity: 0.8;
	}

	@media only screen and (min-width: 768px) {
		.mobilebar {
			display: none;
		}
	}

	@media only screen and (max-width: 767px) {
		.desktopbar {
			display: none;
		}
	}