/* Honours Boards */

/* Three column layout */

.column-3 {
  float: left;
  width: 33.33%;
}

/* Two column layout */

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


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#board-3 { width: 90%; border: 10px ridge #3F4A83; padding: 5%; margin: 5%; }
#board-2 { width: 90%; border: 10px ridge #3F4A83; padding: 5% 5% 5% 5%; margin: 5% 5% 5% 5%; }

 /* Responsive layout - when the screen is less than 600px wide, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 772px) {
  .column-3 {
    width: 100%;
  }
  
    .column-2 {
    width: 100%;
  }

}