@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;	
}

:root {

	--cassiopeia-color-primary: #008000;
	--cassiopeia-color-link: #008000;
	--cassiopeia-color-hover: #006400;
	
	--cassiopeia-font-family-body: "poppinsregular", sans-serif;
	--cassiopeia-font-family-headings: "poppinsregular", sans-serif;
	--cassiopeia-font-weight-headings: 400;
	--cassiopeia-font-weight-normal: 400;
  	--link-color: #008000;
}

h1 {
	font-size:4rem
}

.container-header .container-nav {
    padding-bottom: 0em;
  	text-transform: uppercase;
}

.container-header {
    background-color: var(--cassiopeia-color-primary);
    background-image: linear-gradient(0deg,var(--cassiopeia-color-hover)0%,var(--cassiopeia-color-hover)100%);
}

.mod-menu {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 font-size:1rem;
 line-height:1.5;
 padding:.5em 1em;
 font-family: var(--cassiopeia-font-family-headings);
}

.metismenu.mod-menu .metismenu-item {
    font-size: 1rem;
}

.breadcrumb-item.active {
    color:#fff
}

.footer {
 ! background-color:var(--cassiopeia-color-primary);
/* background-image:linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%); */
 color:#fff;
 font-size:1rem;
  margin-top:1em
}