body{ background-color:#444; color:#FFF;}
.footer a { color:#FFF;}
@media (min-width: 1200px) {
 h1, .h1, h2, .h2 {
    font-size: 1.2rem;
  }
}
@media (min-width: 1200px) {
 h1, .h1, h2, .h2 {
    font-size: 1.2rem;
  }
 h3, .h3, h4, .h4 {
    font-size: .8rem;
  }  
  
}
@media (min-width: 768px) {
	.metismenu.mod-menu .metismenu-item { display:inline;}
}

@media (max-width: 768px) {
.site-grid { background-color:#FFF !important;}
.navbar-toggler { margin:3px;}
}

.footer, .container-footer.footer.full-width { background-color:#444 ; background-image:none;}

.footer a { color:#FFF;}
.footer .grid-child { background-color:#444 !important;}
.grid-child { background:#FFF !important; max-width:1060px !important;}
.mod-custom { width:100%;}

.nopadding { padding:0;}
.nomargin {margin:0;}
.container-component {
   background-color:#FFF;
   color:#000;
   padding:10px 20px;
}
.container-header .grid-child.head {border-top: 5px solid #fabc43; padding:0 !important;}
.teaser {}
.teaser img { width:100%;}
.container-header {
    background-color: #444 !important;
	background-image:none !important;
   
    position: relative;
    z-index: 10;
}
.header.container-header{	
}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: #444;
    position: relative;
    text-decoration: none;
	
}
.grid-child.container-nav { background:#fabc43 !important; padding:0 !important;}
/* Accordeon*/
.accordion-button { font-size:.8em;  font-weight:bold;}
.accordion-body h3 { font-size:1em;}

/* Navigation */
  .container-header .mod-menu.topnav { flex-direction:row-reverse;  }


.metismenu.mod-menu .metismenu-item { background-color:#fabc43 !important; }
.metismenu.mod-menu .metismenu-item.current.active { background-color:#fff !important;}


.container-header nav { margin-top:0 !important;}
}