@media (max-width: 767px) {
  .img-mob {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .display-4 {
    font-size: 3.0rem !important;
  }
  .mobsmall {
    font-size: 1.0rem;
  }
}
html, body {
        height: 100%;
}
.container {
        height: 80%;
}
.hover-color:focus, .hover-color:hover {
        color: #fd7e14;
}
.display-4 {
	font-size: 4.0rem;
}
html {
	position: relative;
	min-height: 100%;
}
body {
	color: #444;
	margin-bottom: 35px;
	line-height:1.6;
}
h1,h2,h3 {
	line-height:1.2;
}
#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: auto;
	}
}
.footer {
 	position: absolute;
 	bottom: 1px;
 	width: 100%;
 	height: 35px;
 	line-height: 35px;
 	text-align: center;
}


/* This glitch effect was originally created by lbebber */
.glitch {
	color: #444;
}
.glitch:after, .glitch:before {
	position: absolute;
	background: white;
	width: 100%;
	content: attr(data-text);
	clip: rect(0, 900px, 0, 0);
}
.glitch:after {
	animation: noise-anim 3s infinite linear alternate-reverse;
	left: 2px;
	text-shadow: 1px 0 red;
}
.glitch:before {
	animation: noise-anim-2 4s infinite linear alternate-reverse;
	left: -2px;
	text-shadow: -1px 0 limegreen;
}
@keyframes noise-anim {
  0% { clip: rect(3px, 9999px, 93px, 0); }
  5% { clip: rect(53px, 9999px, 78px, 0); }
  10% { clip: rect(10px, 9999px, 75px, 0); }
  15% { clip: rect(32px, 9999px, 40px, 0); }
  20% { clip: rect(65px, 9999px, 62px, 0); }
  25% { clip: rect(31px, 9999px, 14px, 0); }
  30% { clip: rect(94px, 9999px, 87px, 0); }
  35% { clip: rect(81px, 9999px, 41px, 0); }
  40% { clip: rect(45px, 9999px, 50px, 0); }
  45% { clip: rect(82px, 9999px, 41px, 0); }
  50% { clip: rect(71px, 9999px, 3px, 0); }
  55% { clip: rect(75px, 9999px, 60px, 0); }
  60% { clip: rect(20px, 9999px, 49px, 0); }
  65% { clip: rect(67px, 9999px, 92px, 0); }
  70% { clip: rect(47px, 9999px, 55px, 0); }
  75% { clip: rect(63px, 9999px, 90px, 0); }
  80% { clip: rect(70px, 9999px, 92px, 0); }
  85% { clip: rect(41px, 9999px, 60px, 0); }
  90% { clip: rect(56px, 9999px, 79px, 0); }
  95% { clip: rect(21px, 9999px, 68px, 0); }
  100% { clip: rect(15px, 9999px, 72px, 0); }
}

@keyframes noise-anim-2 {
  0% { clip: rect(65px, 9999px, 99px, 0); }
  5% { clip: rect(86px, 9999px, 70px, 0); }
  10% { clip: rect(79px, 9999px, 60px, 0); }
  15% { clip: rect(15px, 9999px, 88px, 0); }
  20% { clip: rect(24px, 9999px, 5px, 0); }
  25% { clip: rect(35px, 9999px, 3px, 0); }
  30% { clip: rect(56px, 9999px, 11px, 0); }
  35% { clip: rect(2px, 9999px, 38px, 0); }
  40% { clip: rect(60px, 9999px, 50px, 0); }
  45% { clip: rect(27px, 9999px, 4px, 0); }
  50% { clip: rect(79px, 9999px, 12px, 0); }
  55% { clip: rect(23px, 9999px, 8px, 0); }
  60% { clip: rect(65px, 9999px, 55px, 0); }
  65% { clip: rect(19px, 9999px, 7px, 0); }
  70% { clip: rect(43px, 9999px, 17px, 0); }
  75% { clip: rect(65px, 9999px, 91px, 0); }
  80% { clip: rect(45px, 9999px, 66px, 0); }
  85% { clip: rect(3px, 9999px, 2px, 0); }
  90% { clip: rect(58px, 9999px, 81px, 0); }
  95% { clip: rect(29px, 9999px, 20px, 0); }
  100% { clip: rect(82px, 9999px, 28px, 0); }
}