.flex-container {
  /* We first create a flex layout context */
  display: flex;
  
  /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
  padding: 3px;
  margin: 3px;
  list-style: none;
}

.flex-item {
  background: #fff;
  padding: 5px;
  width: 250px;
  height: 250px;
  margin-top: 20px;
  line-height: 150px;
  color: black;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  margin-bottom: 40px;
}
ul:not(.nav) li.flex-item {
  font-weight: normal;
  font-size: 20px;
  line-height: 20px;
  font-family: 'Open Sans';
}

.tck-article {
clear: both;	
}

#bannermenu .mobileckhambuger_togglerlabel {
	font-size: 45px !important;
	color: white;
}