/*
	Always ensure breakpoints match content layout, not specific device widths.
	Replace any "px" values for fonts with equivalent "em" values, if possible.
*/

@media (min-width: 840px) {
	.nav li {
		padding: 10px 10px;
	}
}

@media (min-width: 768px) {
	::-webkit-scrollbar {
		width: 10px;
	}
	body {
		margin-top: 145px;
	}
	.navbar-header,
	.navbar-nav,
	.navbar-footer	{
		display: inline-flex;
		float: none;
	}
	.navbar-nav > li > a {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.container .jumbotron {
		padding: 0;
	}
	.modal-body {
		padding: 0;
	}

	/* Anchored Text */
	.anchor::before {
		content: "";
		display: block;
		height: 65px;
		margin: -65px 0 0;
		visibility: hidden;
	}
}