html, body {
	width: 100%;
	background-color: #000;
	color: #757575;
	font-weight: 400;
	font-style: normal;
}

@media screen and (max-width:768px) {
	main {
		margin: 2.5em;
		color: #fff;
	}
	#sidebar {
		margin-top: 1.8em;
	}
	main .section {
		padding: 0;
	}
	main h1.custom {
		color: #fff;
		text-align: center;
		margin-left: -12px;
		margin-top: -12px;
		margin-right: -12px;
	}
}

@media (min-width:769px) {
	main {
		margin: 2.8em;
		color: #fff;
	}
	main .section {
		position: inherit;
		top: .75rem;
		left: 0;
		padding: 0;
	}
	main h1.custom {
		color: #fff;
		text-align: center;
		margin-left: -12px;
		margin-top: -12px;
		margin-right: -12px;
	}
}

#sidebar {
	margin-left: 8px;
	min-width: 150px;
}

@media screen and (max-width:768px) {
	#menu-toggle:checked, #sidebar {
		display: block;
	}
}

.footer {
	background-color: #000;
	font-size: .75rem;
}

.title {
	color: #fff;
}

.navbar {
	padding: 8px;
	background-color: #000;
}

a, a:hover {
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.tofaq {
	text-align: center;
	margin-bottom: 70px;
}

.vertical-line-spacer {
	width: 1px;
	background-color: #fff;
	border-radius: 1px;
	height: 230px;
	margin: 30px auto;
}

.navbar-menu, a.navbar-end, a.navbar-item, a.navbar-item:hover, a.navbar-item:focus {
	background-color: #000;
	color: #fff;
}