html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  <!--font-family: "Helvetica Neue", Arial, sans-serif;-->
}
.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0rem;
  padding-top: 1rem;
  text-align: center;
 }
 
.blink {
	animation-duration: 2000ms;    /*blinking speed decreases and increase */
	animation-name: tgle;
	animation-iteration-count: infinite;
}

@keyframes tgle {
	0% {
		opacity: 0;
	}

	49.99% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}

	99.99% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}  
.bg-dark {
    background-color: #155724!important;
}	
.size-10 { font-size: 10px; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-32 { font-size: 32px; }
.size-48 { font-size: 48px; }
.size-64 { font-size: 64px; }
.size-96 { font-size: 96px; }