* {
  box-sizing: border-box;
}

.iplcs-topic-header {
  color:#365485
}

.column {
  float: left;
  width: 50%;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.topic-item {
	padding: 0 4em 2em 0;
	height: 12em;
}

@media screen and (min-width: 1028px) and (max-width: 1200px) {
  .topic-item {
  	height: 14em;
  }
}

@media screen and (max-width: 1027px) {
  .column {
    width: 100%;
  }
  .topic-item {
  	height: 10em;
  }
}

@media screen and (max-width: 600px) {
  .topic-item {
  	height: 12em;
  }
}