/* CSS Document */

/* Create three equal columns that floats next to each other */
.hub_title {
	width: 94%;
	margin: 3%;
	font-size: 14pt;
}
.bold_title {
	font-weight: bold;
	font-size: 15pt;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 1%;
  background-color: #C8C8C8;
  padding: 1%;
height: 100%;
}

.grid-container div {
  background-color: #f1f1f1;
  text-align: center;
  font-size: 30px;
width: 100%;
}



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

/* Style the footer */
.footer {
  background-color: #f1f1f1;
  padding: 10px;
  text-align: center;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
    width: 100%;
  }
}