/* Move down content because we have a fixed navbar that is 50px tall */

body {
	padding: 0px;
	margin-bottom: -25px;
}

.body-content {
	padding: 0px;
}

@media all and (display-mode: standalone) {
	/* Styles specific to installed app */
	body {
		padding-top: env(safe-area-inset-top);
	}
}

/* Prevent desktop-like scaling in app mode */
@media (display-mode: standalone) {
	html, body {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.d-none-standalone {
		display: none;
	}
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 576px) {

	body {
	}

	/* Wrapping element */
	/* Set some basic padding to keep content from hitting the edges */
	.body-content {
		padding-left: 15px;
		padding-right: 15px;
	}
}