.container-header {
  background-color: #e7026e;
  background-image: none;
  color: white;
  z-index: 90;
  font-family: 'ShortStack-Regular', sans-serif;
  font-family: 'Roboto Slab', 'ShortStack-Regular', sans-serif;
}
.container-header .grid-child {
  padding: 0;
}
.moduletable.header {
  margin: 0;
  padding: 0;
}
.moduletable.header img.logo {
  max-width: 50%; 
  margin: 2.5%;
}
.container-sidebar-right {
  padding: 1em;
}
.container-kolom-a {
  grid-area: kolom-a;
  flex-direction: column;
}
.container-kolom-a .moduletable h3 {
  margin-left: 10px;
}

@supports (display:grid) {
	.site-grid.main-grid {
  		grid-gap: 0 0;
  	}
}

@supports (display:grid) {
  @media (max-width: 992px) {
  .site-grid {
    grid-gap: 0 1em;
    display: grid;
    grid-template-areas:
    ". banner banner banner banner ." 
    ". top-a  top-a  top-a  top-a  ." 
    ". top-b  top-b  top-b  top-b  ." 
    ". comp   comp   comp   comp   ." 
    ". side-r side-r side-r side-r ." 
    ". side-l side-l side-l side-l ." 
    ". kolom-a kolom-a kolom-a kolom-a ."
    ". bot-a  bot-a  bot-a  bot-a  ." 
    ". bot-b  bot-b  bot-b  bot-b  .";
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,19.875rem)) [main-end] minmax(0,1fr) [full-end];
  
    }
  }
  
  @media (min-width: 992px) {
    .site-grid {
      grid-template-areas:
      ". banner banner banner banner ." 
      ". top-a  top-a  top-a  top-a  ." 
      ". top-b  top-b  top-b  top-b  ." 
      ". side-l comp   comp   side-r ." 
      ". kolom-a kolom-a kolom-a kolom-a ."
      ". bot-a  bot-a  bot-a  bot-a  ." 
      ". bot-b  bot-b  bot-b  bot-b  .";
    }
  }
    
    
} 

.site-grid.main-grid {
  max-width: 1320px;
  margin: 0 auto;
  background-color: white;
  padding: 0;
    -webkit-box-shadow: 0px 0px 31px 17px rgba(206,225,245,1);
  -moz-box-shadow: 0px 0px 31px 17px rgba(206,225,245,1);
  box-shadow: 0px 0px 31px 17px rgba(206,225,245,1);
  -webkit-box-shadow: 0px 0px 21px 10px rgba(255,255,255,0.85);
  -moz-box-shadow: 0px 0px 21px 10px rgba(255,255,255,0.85);
  box-shadow: 0px 0px 21px 10px rgba(255,255,255,0.85);
}



header .container-topbar > div {
  display: inline-block;
}

.mod-languages {
  float: right;
  color: #ddd;
}