#graduates {
  max-width: 1200px;
  margin: 0 auto;
}
#clear-grad {
  border: 1px solid #900;
  color: #000 !important;
  padding: 3px;
}
.gradsection {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.gradsection h2,
.gradsection h4 {
  display: block;
  width: 100%;
  text-align: center;
}
.grad {
  margin: 4px;
  flex: 0 1 calc(20% - 8px);
  height: 50px;
}
.grad p {
  text-align: center;
}
.plan-desc {
  font-size: 0.8rem;
  font-variant: small-caps;
}

.honorestimate {
  font-size: 1rem;
  color: #fff;
  border-radius: 50%;
  padding: 3px 7px;
  margin-left: 10px;
}
.magna {
  background-color: #6B000D;
}
.m-c {
  background-color: #6B000D;
}
.summa {
  background-color: #002244;
  padding: 3px 9px;
}
.s-c {
  background-color: #002244;
  padding: 3px 9px;
}
.laude {
  background-color: #104247;
  padding: 3px 8px;
}
.l-c {
  background-color: #104247;
  padding: 3px 8px;
}
@media screen and (max-width: 480px) {
  .grad {
    margin: 4px;
    flex: 0 1 calc(33% - 8px);
    height: 50px;
  }
  .grad p {
    line-height: 1.05;
  }
}