@CHARSET "UTF-8";

* { margin:0; padding:0;}
html, body {
	height: 100%;
	min-height: 100%;
}

body {
	height: 100%;
	width: 100%;
	display: table;
}

body > header {
	display: table-row;
	height: 1px;
}

body > header > div {
	display: table-cell;
}

body > section {
	display: table-row;
	height: 100%;
	width: 100%;
}

body > footer {
	height: 100%;
	width: 100%;
	display: table; 
}

body > header > div {
  display: table-cell;
  padding: 2rem;
}
/*
body > footer > div {
  display: table-cell;
  height: 1px;
  padding: 1rem 15rem 0 15rem; 
}
*/

body > footer >  .contact-info {
  display: table-cell;
  height: 1px;
  padding-top: 1rem;
  padding-left: 50%;
}

body > footer > .copyright {
  display: table-cell;
  height: 1px;
  width: 20%;
}

/*
body > footer > div > .contact-info {
	float: left;
	box-sizing: border-box;
}

body > footer > div > .copyright {
  float: right;
  box-sizing: border-box;
}
*/

#content div.box {
	width: 55rem;
  height: 7rem;
  margin: 4rem 2.5rem;
  letter-spacing: .1rem;
  padding: 1rem 2rem 0.5rem 4rem;
}

article.box {
	vertical-align: top;
	display: inline-block;
	width: 22rem;
	height: 15rem;
	margin-top: 2rem;
	margin-left: 2.5rem;
	letter-spacing: .1rem;
}

article.box header {
	padding: 0.5rem 1rem 2rem 2rem;
}

article.box div {
	padding-left: 4rem;
	padding-right: 1rem;
}

.qrcode {
	height: 5rem;
	display: inline-block;
}