* { box-sizing: border-box;	}

	.flex-container {
	  display: flex;
	  flex-direction: row;
	  background-color: #f1f1f1;
	  margin-top : 10px;
      border: 1px solid #ccc;
      border-radius: 4px;	  
	}

	.flex-item1 { padding: 5px; width: 30%;	}
	
	.flex-item2 { padding: 5px; width: 100%; }
    .flex-item2 > h1 {  font-size: 20px;  margin-bottom: 7px; }	
    .flex-item2 > p {  font-size: 16px;  margin-bottom: 7px; color: #616161; }	
	
	.flex-item3 { padding: 5px; width: 30%; text-align: right; }
    .flex-item3 > h2 {  font-size: 20px;  margin-bottom: 7px; }	
    .flex-item3 > p {  font-size: 12px;  margin-bottom: 7px; }	
	
	@media (max-width: 600px) {
	  .flex-container { flex-direction: column; }
	}