body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
div > p {
	text-align: justify;
}

.content-cell {
	background-color: rgb(149, 147, 147);
	margin-bottom: 15px;
	padding: 10px 15px;
}

.content-cell h2 {
	margin-top: -5px;
}

@media (min-width:768px){
	#collapsable-nav {
		visibility: hidden;
	}
}

@media (max-width:767px){
	
	.navbar-brand {
		margin-left: 15px;
	}
	
	.content-cell {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	#collapsable-nav {
		background-color: #dbdddb;
	}
	
	#nav-list {		
		margin-bottom: 1px;
		margin-top: 0px;
	}
	
	#nav-list li{
		text-align: center;
		border: 1px solid #444644;
		margin-bottom:-1px;
	}
	#nav-list li:hover{
		font-weight: bold;
		background-color: #c3c8c3;
	}
}