div.flexbox-container {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
    padding: 0.5em 1em;
    text-align: center;
}

div.flexbox-container p{
	max-width: 200px;
}

.item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 30px;
}
.item01 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #ffe5e5;
  border-radius: 10px;
}
.item02 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #ffead6;
  border-radius: 10px;
}
.item03 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #ffffd6;
  border-radius: 10px;
}
.item04 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #dbffdb;
  border-radius: 10px;
}
.item05 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #dbdbff;
  border-radius: 10px;
}
.item06 {
  display: flex;
  width: 49%;
  margin-top: 2em;
  padding: 1em;
  border: none;
  box-sizing: border-box;
  background-color: #efe0ff;
  border-radius: 10px;
}
.item:nth-child(-n+2) {
  margin-top: 0;
}
.item-image {
  width: auto;
  margin-right: 1em;
}
.item-image img {
  display:inline-block;
  width: 49%;
  height: auto;
}
.item-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.85em;
}
.item-btn {
  align-self: flex-end;
  margin-top: 1em;
}
.item-btn a {
  display: inline-block;
  padding: .3em 2.5em;
  background: #3498db;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
@media screen and (max-width: 599px){
	.item-list {
		flex-direction: column;
	}

	.item01 {
		width: 100%;
	}

	.item02 {
		width: 100%;
	}

	.item03 {
		width: 100%;
	}

	.item04 {
		width: 100%;
	}

	.item05 {
		width: 100%;
	}

	.item06 {
		width: 100%;
	}
}