html {
  scroll-behavior: smooth;
}
#slogan{
	font-size: 20px;
	color: yellow;
}
.nav-item:hover{
		background: #007bff;
	}
.card-header p{
	border-radius: 8px;
}
#univ-logo {
	width: 60px;
}
@media (max-width: 575.98px) { 
	#heading{font-size: 30px;}
	#slogan{
		font-size: 18px;
		padding-top: 5px !important;
	}
	.nav-item a{
		padding: 12px 10px;
		font-size: 14px!important;
	}
	
	#slogan{
		color: yellow;
		font-weight: bold;
		padding: 1px 0px;
	}

 }