body {
	font-family: Ubuntu;
	font-size: 18px;
	background-color: whitesmoke;
	}
.divPageBody {
	width: 50%;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	}

.nav-tabs {
	margin-bottom: -1px;
	}
.nav-tabs>li>a {
	cursor: pointer;
	}
.divVersionNumber {
	font-size: 12px;
	color: #777777;
	float: right;
	padding: 19px;
	}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	background-color: whitesmoke;
	}
.divRiverContainer {
	margin-top: 90px;
	margin-bottom: 500px;
	}


/* styles for phone */
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {
		body {
			font-size: 16px;
			}
		.divPageBody {
			width: 90%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 90px;
			}
		
		}
/* styles for tablet */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
			font-size: 16px;
			}
		.divPageBody {
			width: 75%;
			margin-left: auto;
			margin-right: auto;
			}
		}