.blue {
	background-color:#00558c;
}
.orange {
	background-color:#e26811;
}
.white {
	background-color:#ffffff;
}
#body {
	color:#231f20;
	/*display: flex;
	flex-direction: column;*/
}

.content {
	background: rgb(255,255,255);
	background: linear-gradient(235deg, rgba(255,255,255,1) 45%, rgba(197,208,231,1) 45%, rgba(197,208,231,1) calc(45% + 50px), rgba(16,27,67,1) calc(45% + 50px));
	height: 85vh;
	flex: 1 0 auto;
}
.dark-blue {
	background-color:#101b43;
}
.light-blue {
	background-color:#C5D0E7;
}
.address {
	font-size: 1.5em;
	font-weight: 700;
	line-height:1.75em;
	margin:0 auto;
	color: #231f20;
	text-align:center;
}
.address a,.address a:visited {
	color:#231f20;
}
.footer img {
	max-height: 80px;
}
.footer .qlogos {
	text-align:right;
	flex: auto;
}
.footer-content {
	height: calc(15vh - 5px);
	/*vertical-align:middle;*/
	align-content:center;
	position:sticky;
	bottom:0;
}
.footer-content > div {
	display:flex;
	align-items:center;
	flex:auto;
	
}
.footer {
	height:15vh;
	border-top: 5px solid #5e5746;
	
	padding-top:0;
	flex-shrink: 0;
	position:fixed;
	bottom:env(safe-area-inset-bottom);;
}

#left-content, #right-content {
	padding:1.5em;

	display:flex;
	height: 100%;
	flex-wrap: wrap;
	align-content: center;
	
}
#left-content {
	color: white;
}
#right-content .pure-g:first-child {
	width:100%;
	font-weight: 600;
}
.printText {
	font-size: 1.75em;
}
#left-content h1 {
	margin: 0;
	text-align:left;
	font-size: 3em;
}
#right-content h1 {
	align-items: right;
	margin: 0;
	text-align:right;
	font-size: 3em;
}
#left-content .pure-u-1, #left-content .pure-u-md-1-2, #left-content .pure-u-1-2,#left-content .pure-u-2-3,#left-content .pure-u-1-3,#left-content .pure-g {
	display:flex;
	flex:auto;
}
#scListHolder {
	align-items: center;
}
#left-content ul {
	font-size: 1.5em;
	margin: 0;
}

#bpCounter {    
    align-items: flex-end;
    height: 100%;
}
#printStations {
	text-align:center;
}
#hwText {
	text-align: right;
	padding-left:1.5em;
}
.mobile-only {
	display: none;
}
.desktop-only {
	display: flex;
}
@media screen and (max-width: 47.99em) {
	body {
		background: white;
	}
	.mobile-only {
		display: flex;
	}
	.footer-content > div.desktop-only,.desktop-only {
		display: none;
	}
	#left-content ul {
		margin-left: 1em;
	}
	#left-content h1, #right-content h1 {
		text-align:left;
		font-size:2em;
		margin-bottom:1rem;
	}
	#left-content {
		height: auto;
		flex-basis: max-content;
		background: rgba(16,27,67,1);
		border-bottom: solid rgba(197,208,231,1) 1em;
	}
	#right-content {
		background: white;
		border-top: solid rgba(197,208,231,1) 1em;
	}
	#scListHolder {
	align-items: auto;
	}
	#bpCounter {
		height: unset;
	}
	.printText {
		font-size:1.25em;
		text-align: center;
	}
	
	#hwText {
		text-align:center;
		padding:0;
	}
	#printStations {
		/*text-align:center; */
		margin: 1em auto;
	}
	.content {
		height: auto;
	}
	.footer .qlogos {
		text-align: center;
	}
	.footer {
		height:auto;
		bottom:0;
		position:sticky;
		/*flex-basis: max-content;*/
	}
	.footer-content {
		height: auto;
		/*vertical-align:middle;*/
		align-content:center;
		/*flex-basis: max-content;*/
	}

	.foot-content {
		height:auto;
	}
	.footer-content > div {
		padding:0.5em 0;
	}
	.footer img {
		max-height:
			30px;
		}
	.address {
		font-size: 1em;
		line-height:1.25em;
		width:100%;
	}
}