body { width: 900px; margin: auto; }
.green { background-image: linear-gradient(90deg, #6D9A38, #89BE4A); }
.header { line-height: 5em; border-bottom: 15px solid #3C541F; display:flex; }

.midst { font-size: xxx-large; padding-left: 20px; }
.title { font-size: xx-large; color: yellow; margin-left: 40px; }

.nav-menu { line-height: 3em; display: flex; flex-wrap: wrap; }
.nav-item { padding: 0 1em 0 1em; font-size: large; }
.nav-item a { text-decoration: none; color: white; }
.nav-item a:hover {color: black;}
.nav-item a:visited {color: white;}
.nav-item a.active {color: yellow;}
/*
.nav-item a:visited {color: blue;}
*/


.alert-midst { background-color: #c8ed9c; border-color: #ccc;}
.righty { margin-left:200px; width: 60px; }

.contact { padding: 20px; }
.contact p { color: white; }
.contact > p > a { text-decoration: underline; color: yellow; }

.page-head { margin:0 0 20px 0; background: #717171; padding: 10px 60px 20px 70px; color: white;  }
.page-head h2 { font-size: 35px; font-weight: normal; }

.page-content { margin: 0 20px 0 20px; }

a:visited { color: #3d7e9a; }


.page-footer { clear: both; height: 30px; margin-top: 20px }