:root {
	--baysouth: #003EDC;
	--baysouth-dark: #000b9d;
}
h1,h2,.h2,.hero .h3,.h4 {
	font-weight:700;
}
html,p,body,h5,h6 {
	font-weight:500;
}
body {
background: #f7f8f9;
}
.navbar {
	background: var(--baysouth);
}
.hero {
	background-image: url('/images/baysouth-marine-hero-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.card {
	margin-top: 3rem;
	margin-bottom: 2rem;
	border:none;
	border-radius: 15px;
}
.card-img {
	object-fit: cover;
	height: 290px;
	border-radius: 15px;
	border: 2px solid white;
}
svg {
	display: inline-flex;
	align-self: center;
	bottom: .125em;
	position: relative;
}
.btn {
	border-radius: 40px;
	font-weight: 700;
}
.mailto:after {
content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}