* {
  padding: 0;
  margin: 0;
}
.banner {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
}
.first {
  padding: 20px;
  flex: 1;
}
.second {
  flex:1;
  display: flex;
  flex-flow: column wrap;

}
.second-a {
  flex:1;
  display: flex;

}
.second-b {
  flex:1;
  display: flex;
}
.second-a p{
  margin: auto;
  color: yellow;
}
.second-b p {
  margin: auto;
  color: yellow;
}



.first:nth-child(1) {background-color: #99e600}
.second-a:nth-child(1) {background-color: #307672}
.second-b:nth-child(2) {background-color: #144D53}