.logo-anniversary {
	margin: 0 10px;
		padding-top: 10px;
	}

@media all and (max-width: 380px) {
		.logo img {
		max-width: 100px;
			}
.logo-anniversary {
	max-width: 60px !important;
	margin: 0 10px;
		padding-top: 10px;
	}	
}

.ff-img {
	aspect-ratio: 1/1;
	width: 100%;
	height: auto;
	overflow: hidden;
	max-width: 270px;
	max-height: 270px;
	object-fit: cover;
	object-position: center center;
	border-radius: 50%;
	float: right;
	margin: 0 0 1rem 2rem;
	border: 1px #ccc solid;	
}

		:root {
    --page-width-max: 1000px;
    --column-gap: 1.5rem;
    --columns: 3;
    --mercy-college-brand: #672666;
	}

	.hb-ac-grid-wrap3 {
    display: grid;
    gap: var(--column-gap);
    grid-template-columns: repeat(auto-fill, minmax( calc( (var(--page-width-max) / var(--columns)) - var(--column-gap)), 1fr));
		margin-top: 2rem;
	}
	

	.hb-ac-grid-wrap3 div a {
		position: relative;
	}	

	.hb-ac-grid-wrap3 div a:before {
		display: block;
		position: relative;
		height: 250px;
		background-repeat: none;
		background-color: #ccc;
		background-position: top center;
		background-size: cover;
		content: "";
	}
	
	@media (max-width: 700px) {
		.hb-ac-grid-wrap3 div a:before {
			display: block;
			position: relative;
			height: auto;
			aspect-ratio: 2/1.5;
			background-repeat: none;
			background-color: #ccc;
			background-position: top center;
			background-size: cover;
			content: "";
		}
	
	}


	.hb-ac-grid-wrap3 div a .btn {
		width: 100%;
		text-align: center;
		margin-top: 0.25rem;
	}
	
	.btn-rt {
		background: var(--mercy-college-brand) !important;
		color: #fff !important;
		position: relative;
	}

	.btn-rt:hover {
		color: #fff !important;
		border-color: var(--mercy-college-brand) !important !important;
	}
	
	.btn-rt:after {
		display: block;
		background: rgba(255, 255, 255, 0.7) url(/images/home/mercy-college.svg) no-repeat center center;
		background-size: 50%;
		width: 101%;
		height: 60px;
		content: '';
		position: absolute;
		top: calc(-60px + -0.25rem);
		left: 0;
		
		
	}

	.hb-ac-mcrt, .hb-ac-ahcp { display: block; position: relative;; }
	.hb-ac-mcrt:before { background-image: url(/images/home/hb-ac-mcrt.jpg); background-position: center center !important; }
	.hb-ac-ahcp:before { background-image: url(/images/home/hb-ac-ahcp.jpg); }
	.hb-ac-ug:before { background-image: url(/images/home/hb-ac-ug.jpg); }
	.hb-ac-gp:before { background-image: url(/images/home/hb-ac-gp.jpg); }
	.hb-ac-op:before { background-image: url(/images/home/hb-ac-op.jpg); }
	.hb-ac-dnp:before { background-image: url(/images/home/hb-ac-dnp.jpg); }

.ac-h-semester {
	background: var(--clr_mc_red); 
	color: #fff;
	font-weight: bold; 
	padding: 0.5rem !important;
	text-align: left !important;
}
	
.ac-h-term {
	color: var(--clr_mc_red); 
	background: transparent;
	font-weight: bold; 
	padding: 0.5rem !important;
	text-align: left !important;
}
	

/*
:root {
    --page-width-max: 1100px;
    --column-gap: 1rem;
    --columns: 5;
	}

	.hb-ac-grid-wrap {
    display: grid;
    gap: var(--column-gap);
    grid-template-columns: repeat(auto-fill, minmax( calc( (var(--page-width-max) / var(--columns)) - var(--column-gap)), 1fr));
		margin-top: 2rem;
	}

	.hb-ac-grid-wrap div a {
		position: relative;
	}	

	.hb-ac-grid-wrap div a:before {
		display: block;
		position: relative;
		height: 250px;
		background-repeat: none;
		background-color: #ccc;
		background-position: top center;
		background-size: cover;
		content: "";
	}
	
	.hb-ac-grid-wrap div a .btn {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

	.hb-ac-ahcp:before { background-image: url(/images/home/hb-ac-ahcp.jpg); }
	.hb-ac-ug:before { background-image: url(/images/home/hb-ac-ug.jpg); }
	.hb-ac-gp:before { background-image: url(/images/home/hb-ac-gp.jpg); }
	.hb-ac-op:before { background-image: url(/images/home/hb-ac-op.jpg); }
	.hb-ac-dnp:before { background-image: url(/images/home/hb-ac-dnp.jpg); }

*/