/* https://css-tricks.com/box-sizing */
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

.navbar, footer {
	background-color: #3f516b;
}
	.navbar-header .row div {
		white-space: nowrap;
	}
	.navbar a, .navbar .fa {
		/*color: #8a9fbe;*/
		color: #ffffff;
	}

	footer {
	color: #8a9fbe;
	height: 100px;
	/*margin-top: 20px;*/
	padding: 20px;
}

h1, h2, h3, h4, h5, h6 {
	/*font-weight: 700;*/
}

.btn {
	font-weight: bold;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*height: 150px;
  overflow: auto;*/
}
.flex-center * {
  margin: 0;
}
.parent {
  position: relative;
}
.child {
  /*position: absolute;*/
  position: relative;	/* TESTING B/C IMAGES WERE BEING PUSHED OFF HORIZONTAL CENTER */
  top: 50%;
  transform: translateY(-50%);
}

table {
	border-collapse: collapse;
	width: 100%;
}
tr:hover {
	background-color: #f5f5f5;
}
td {
    /*border: 1px solid black;*/
	border-bottom: 1px solid #ddd;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}