#graduates {
		max-width:1200px;
			margin:1.3rem 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 {
			display:flex;
            margin:4px;
			flex: 0 1 calc(20% - 8px);
			height:70px;
			align-items: center;
			justify-content:center;
        }
		.grad p {
			text-align:center;
		}
        .plan-desc {
            font-size: .8rem;
            font-variant: small-caps;
        }

        .honorestimate {
            font-size: 1rem;
			color:#fff;
			border-radius:50%;
			padding:3px 7px;
			margin-left: 10px;
        }
h1.grad-school-headline{
	margin-bottom:2rem !important;
		text-align: center;
}
.honor-container{
	display: flex;
	justify-content: center;
}
ul.grad-distinction{
	list-style:none !important;
	display:flex;
	flex-direction:row;
	gap:10px;
	margin-bottom:2rem;
	text-align: center !important;
	border:2px solid #900;
	padding:1rem;
}
ul.grad-distinction span{
	padding: 0px 6px;
	height:22px;
	border-radius:50%;
}
		.magna{
			background-color:#fed34f;
		}
		.m-c{
			background-color: #002244;
	color: #fff;
			padding:3px 9px;
		}
		.summa{
			background-color:#76ad9f;
			padding:3px 9px;
		}
		.s-c{
			background-color: #6B000D;
			color: #fff;
			padding:3px 9px;
		}
		.laude{
			background-color:#4ae8fd;
			padding: 3px 8px;
		}
		.l-c{
			background-color: #104247;
	color: #fff;
			padding: 3px 8px;
		}
		@media screen and (max-width:480px){
			.grad {
            margin:4px;
			flex: 0 1 calc(33% - 8px);
			height:65px;
        }
		.grad p{
			line-height:1.05;
		}
		}