@media (max-width: 575px) {
	.header-media {
		min-height:175px;!important
	}
}
.site-header { 
	background-color:#ffcc00 !important;
}
.header-title-wrapper {
	text-align: center !important;
	border:3px solid #fff;
	padding: 1.4rem 1.92rem !important;
	font-weight: 700 !important;
}
.header-title-wrapper h1 {
	font-size: 1.88rem !important; 
	line-height: 1.45 !important;
	margin-bottom: 0rem !important;
}
.header-title-wrapper h1 .callout {
	letter-spacing: -2.25px;  
	font-style: italic;
	font-size: 3.65rem; 
	display: inline-block !important;
	margin-right: 0.5rem !important
}
.header-title-wrapper h1 .callout, .header-title-wrapper h1 .spotlight {
	font-weight:bolder;
}
.header-title-wrapper h1 .subtitle {
	font-size: 90%;
}
.nav {
	margin:0 auto!important;
}

/* card pops on hover */

.card {
    transform: scale(.9);
}
.appear {
    opacity: 0;
    transform: scale(.9);
    animation: clear 1s .3s forwards;
}
.card-wrapper:hover {
    transform: translateY(2px);
    transform: scale(1.07);
    transition: .7s ease-in;
}
@keyframes clear {
	to {
		opacity:1;transform:none;filter:none
	}
}
.card a.card-title {
	font-size:1.05rem;
	font-weight:bold;
	line-height:1.23;
	padding:.85rem 1rem!important;
	margin-bottom:.2rem!important;
}