body {
	font-family: 'Karla';
	font-size: 14px;
	margin: 10px;
}

.topNav {
	overflow: hidden;
	background-color: #333;
}

.topNav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

/* color for our hover links */
.topNav a:hover {
	background-color: #ddd;
	color: black;
}

/* color for our active page menu */
.topNav a.active {
	background-color: #145d97;
	color: white;
}

/* don't display hamburger menu icon on screens larger than 600 px wide*/
.topNav .icon {
	display: none;
}

img.resize {
	max-width:33%;
	max-height:33%;
}
.bold {
	font-weight:bolder
}

div.center {
	text-align: center;
}

div.tbLines {
	border-top: 1px solid #145d97;
	border-bottom: 1px solid #145d97;
}

td.box {
	border: 1px black solid;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	/* only show first menu 'home' item on menu bar */
	.topNav a:not(:first-child) {display: none;}
	.topNav a.icon {
		float: right;
		display: block;
	}

	/* now for the responsive menu bring back the hamburger icon */
	.topNav.responsive {position: relative;}
	.topNav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topNav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	table.box {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	table.box {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	table.box {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	table.box {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	table.box {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}
}