@media only screen and (max-width: 768px) /* Mobile */
{
	#top-right {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
		overflow: scroll;

		background-color: #39673D;
		text-align: center;
	}

	#user-buttons {
		margin: 0.25em 0 0.75em;
		white-space: nowrap;
		line-height: 2.4em;
	}

	#user-buttons .nav-box {
		position: relative;
	}

	#user-buttons .user-button {
		display: inline-block;
		width: 8em;
		padding: 0;
		margin-top: 0.5em;
		font-size: 0.8em;
		background-color: transparent;
		background-image: none;
		position: relative;
	}

	#user-buttons .nav-icon {
		font-size: 1.8em;
		margin-right: 0;
		display: block;
	}

	#logout-box {
		margin-right: 4em;
	}

	#btn-toggle-nav-height {
		font-size: 0.75em;
		text-align: center;
		color: white;
		background-color: black;
		opacity: 0.33;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}

	#top-right.collapsed #user-buttons {
		margin: 0;
		height: 0;
	}

	#top-right.collapsed #nav-expand,
	#nav-collapse {
		display: inline;
	}

	#top-right.collapsed #nav-collapse,
	#nav-expand {
		display: none;
	}

	#requests .collapsible-section.collapse .section-header .hide-in-expanded {
		display: block;
		margin-left: 1.6em;
	}
}