html,
body {
  height: 100%;
  margin: 0;
  font-family: 'Barlow', sans-serif;
}
.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.box header {
	flex: 0 1 auto;
	width: 100%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 40px solid;
	border-top-color: #000000;
}
.box header.bl-header {
	border-top-color: #0079C2 !important;
}
.box section {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box section .message {
	text-align: center;
}
.box section .message .header {
	margin: 0;
	color: #f5505c;
	font-size: 4em;
	font-weight: bold;
}

.box section .message p {
	font-size: 1.6em;
}

.box footer {
	flex: 0 1 40px;
	background-color: #232323;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 100%;
	text-align: center;
}

a {
	color: #303030;
	font-weight: 400;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}