/* CSS versatility */

section .wrap {
    width: 640px;
}

.items a {
  color: #fff;
}

.items img {
  width: 100%;
  height: auto;
}

.items ul {
  margin: 0;
  padding: 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content: space-between;
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.items li {
  background-color: rgba(48, 96, 152, 0.8);
  list-style-type: none;
  width: calc( 50% - 5px );
  margin-top: 10px;
}
.items li h3 {
  border-bottom: 1px solid #fff;
}
.items li p {
  padding: 5px 15px 20px;
}


.text {
  margin-top: 40px;
}