html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 35px;
}
#logo {
	text-align: center;
}
@media (max-width: 500px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar {
		text-align: center;
	}
	.navbar-nav {
		display: inline-block;
	}
}
@media (min-width: 500px) and (max-width: 992px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar, #logo {
		display: inline-flex;
	}
}
@media (min-width: 992px) {
 	.top-padding {
		min-height: 128px;
 	}
 	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}

html {
	position: relative;
	min-height: 100%;
}
body {
	margin-bottom: 35px;
}
#logo {
	text-align: center;
}
@media (max-width: 500px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar {
		text-align: center;
	}
	.navbar-nav {
		display: inline-block;
	}
}
@media (min-width: 500px) and (max-width: 992px) {
 	.top-padding {
		min-height: 10px;
 	}
	.navbar, #logo {
		display: inline-flex;
	}
}
@media (min-width: 992px) {
 	.top-padding {
		min-height: 10vh;
 	}
 	.navbar-nav .nav-item+.nav-item {
		margin-left: 0rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
	section {
		max-height: 75vh;
		overflow-y: scroll;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}

Add some fancy css so that the site is more responsive
Add some fancy css so that the site is more responsive
