:root {
  --cassiopeia-color-primary: #4a962a;
  --cassiopeia-color-link: #4a962a;
  --cassiopeia-color-hover: #4a962a;
}
:root {
}
body {
	background-image: url(../images/tlo2.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}
a,
a:not([class]) {
	color: #4a962a;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #9a5222;
	text-decoration: none;
}
header {
	border: 0px solid red;
	backgrou
}
.container-header {
	background-color: transparent;
	background-image: none;
}
.container-header .grid-child {
	padding: 0em;
}
.site-grid {
	background: #fff;
}
#mainnav {
	diplay: block;
	position: relative;
    	z-index: 10;
}
.container-header nav {
    margin-top: 0;
    padding: 0;
}
#mainnav .container-nav {
	background: #4a962a;
	flex-wrap: wrap;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0.7em 1em;
	justify-content: center;
}
#mainnav .metismenu.mod-menu {
	margin: 0px;
	width: 100%;
}
#mainnav .container-nav .mod-menu {
	justify-content: center;
    display: flex;
    flex: 1 1 0%;
    flex-direction: row;
flex-wrap: wrap;
}
.container-header .mod-menu>li,
.container-header .mod-menu>li+li {
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-transform: uppercase;
}
.container-header .navbar-collapse.show {
	justify-content: center;
}
#mainnav .container-nav .grid-child {
	justify-content: center;
}
.container-header .navbar-brand {
    	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding: 0.7em 0em;
}
.container-banner .banner-overlay {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
}
.container-banner .banner-overlay .overlay {
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1em;
    text-align: center;
}
#intro {
	max-width:1000px;
	padding: 5em 2em;
	box-sizing: border-box;
}

.table, 
.table>tbody {
}
.table>:not(:first-child) {
    border-top: 1px solid;
	color: #dfe3e7;
}
.table>:not(caption)>*>* {
    padding: 0.7rem;
}
.container-header .mod-menu>li.active:after {
	display: none;
}
.container-header .mod-menu>li.active {
	background: #fff;
	color: #4a962a;
	border-radius: 4px;
}
.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
    margin-top: 2em;
}
.container-sidebar-right .sidebar-right:first-child {
    margin-top: 2em;
}
.site-grid {
    grid-gap: 0 2em;
}
main .h1,
main h1 {
    	font-size: 2.0em;
	border-bottom: 1px solid #dfe3e7;
	margin:0;
	padding: 0;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	color: #9a5222;
}
.page-header {
}

@media (max-width: 767.98px) {
	#mainnav .container-nav nav {
	margin-top: 0em;
}
}