@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;700&display=swap');

html {
	scroll-behavior: smooth;
}
html * {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}
h1,h2,h3,
header *,
footer *{
	font-family: 'Josefin Sans', sans-serif;
}
header .hero-head{
	position: fixed;
	background-color: mintcream;
	width: 100%;
	z-index: 1000;
}
iframe{
	width: 100%;
}

#map .hero-body{
	font-size: 0;
}

.is-wine{
	color: hsl(340, 70%, 25%) !important;
}
.is-navy{
	color: hsl(225, 60%, 20%) !important;
}
.has-background-navy{
	background-color: hsl(225, 60%, 20%) !important;
}
.has-background-wine{
	background-color: hsl(340, 70%, 25%) !important;
}
.has-background-cream{
	background-color: hsl(230, 99%, 99%) !important;
}
.has-background-dark *{
	color: whitesmoke !important;
}
.has-background-light a:hover{
	color: black !important;
}
.has-background-cream *{
	color: hsl(340, 70%, 25%) !important;
}
.column .box,
.column .card{
	min-height: 100%;
}
body > header:first-child {
	background: url('../images/bg-small.jpg') no-repeat 20% center;
	background-size: cover;
}

body > section:first-child *{
	/*text-shadow: #840 1px 0 10px;*/
}
h3, h4, p{
	text-align: center;
}

.card h3{
	min-height: 3.5rem;
}
.navbar-item{
	font-size: 1.4rem;
}

.navbar-brand img{
	max-height: 3.5rem;
	height: 3.5rem;
	width: auto;
}

#about:target ~ footer a[href="#about"],
#services:target ~ footer a[href="#services"],
#attorneys:target ~ footer a[href="#attorneys"],
#contact:target ~ footer a[href="#contact"] {
	color: hsl(225, 70%, 35%) !important;
}
.navbar-item.is-active{
	color: hsl(225, 70%, 35%) !important;
}

span.bouncing-button {
	display: block;
    animation: bounce 1s infinite  alternate;
	position: relative;
	bottom: 2rem;
}

@keyframes bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(2rem); }
}

.title{
	white-space: nowrap !important;
}