body {
    background-color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0;
    margin: 0;
    
}

.container > * {
  padding: 0;
  margin: 0;
}

header {
    display: flex;
    flex-direction: column;
}

main {
    display: flex;
    flex-direction: column;	
    flex-grow: 1;
}

footer {
    background: darkslateblue;
    text-align: center;
    color: white;    
}

.logo-nav a {
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: bold;  
}

logo-nav a:link, a:visited {
	color: 185E87 !important;
}
	
.logo-nav a:active, a:hover {
  background-color: yellow;
}
    
.app-header {
    background-color: #185E87;
	color: white;
	text-align: center;
}

.app-header .title {
	font-weight: bolder;
	font-size: large;
}
.app-header .sub-title {
	font-size: medium;
}

.two-col-row {
  display: flex;
  flex-flow: row wrap;  
  align-items: center;
}