html {
	scroll-behavior: smooth;
}

body {
	background: #969a9e;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.fit {
	object-fit: cover!important;
}
h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4 {
	font-family: 'Zilla Slab', serif;
	font-weight: 600;
}
.bg-dark-trans {
	background: rgba(99,112,129, 0.6)!important;
}
h1 span, h2 span,h3 span,h4 span,h5 span,h6 span, p.card-text span {
	display: inline-block;
	padding: 0.4rem 0.5rem;
	background-color: #ffffff;
	/*box-shadow: 0.8rem 0 0 #ffffff, -1rem 0 0 #ffffff;
	box-decoration-break: clone;*/
}
.card {
	transition: transform 300ms linear;
	border-radius: 20px;
}
.card.grow:hover {
	transform: scale( 1.02 );
}
.btn-success {
    color: #fff;
    background-color: #91be37;
    border-color: #72952b;
}

.bg-cam-green {
	background-color: #91be37!important;
}
a:not(.secret-link):link { color: #3FB7D5; text-decoration: none; }
a:not(.secret-link):visited { color: #3FB7D5; text-decoration: none; }
a:not(.secret-link):hover { color: #3FB7D5; text-decoration: none; }
a:not(.secret-link):active { color: #3FB7D5; text-decoration: none; }
a.secret-link:link { color: inherit; text-decoration: none; }
a.secret-link:visited { color: inherit; text-decoration: none; }
a.secret-link:hover { color: inherit; text-decoration: none; }
a.secret-link:active { color: inherit; text-decoration: none; }

.vimeo-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}
.vimeo-wrapper iframe {
	width: 100vw;
	height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: 100vh;
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.banner {
	height: 20rem;
	background-size: cover;
	background-position: 50%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.banner {
		height: 22rem;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.banner {
		height: 26rem;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.banner {
		height: 30rem;
	}	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.banner {
		height: 34rem;
	}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	.banner {
		height: 37.5rem;
	}
}