* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: auto;
  text-align: center;
}

.flex-item-left {
  padding: 10px;
  flex: 50%;
}
.flex-item-left > img {
 width:100%;
 height:auto; 
}

.flex-item-right {
  padding: 10px;
  flex: 50%;
}
.flex-item-right > img {
 width:100%;
 height:auto; 
	
	
}

.flex-container2 {
  display: flex;
  flex-direction: row;
  font-size: auto;
  text-align: center;
}

.flex-item-left2 {
  padding: 10px;
  flex: 33%;
}
.flex-item-left2 > img {
 width:100%;
 height:auto; 
}
.flex-item-center2 {
  padding: 10px;
  flex: 33%;
}
.flex-item-center2 > img {
 width:100%;
 height:auto; 
}

.flex-item-right2 {
  padding: 10px;
  flex: 33%;
}
.flex-item-right2 > img {
 width:100%;
 height:30px; 	
}
.mapping {
	width:60%;
	height: 120px;
	
}


/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 1200px) {
  .flex-container, .flex-container2 {
    flex-direction: column;
  }
	.mapping {
	width:80%;
	height: 200px;
	
}
}