html { scroll-behavior: smooth; }
/* General Element Prefs */
body { font-family: 'Quattrocento', serif; }
h1, h2, h3, h4, h5 { font-family: 'Oswald', sans-serif; }
h2 { font-size: 4vw; }
hr { border: 0; height: 15px; background-image: linear-gradient(to right, rgba(153, 0, 0, 0), rgba(237, 28, 36, 1), rgba(153, 0, 0, 0)); }
.hidden { display: none; }

section { margin-top: 86px; }
.full-height { min-height: 100vh; }

/* Splash Area */
.intro {
	display: flex;
	flex-direction: column;
	justify-content: center;

	height: 100vh;
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
    url('../img/cover.jpg');
  background-position: center;
  background-size: cover;
}
.intro h1 { font-size: 8vw; color: #fff; text-transform: uppercase; }
.intro h3 { font-size: 5vw; color: #fff; font-family: 'Satisfy', sans-serif; }
.intro p { font-size: 3.0vh; }

.section-dark { background: linear-gradient(-45deg, #000000, #202020); background-size: 100% 100%; color: #ffffff; }

.btn-brand {
  --bs-btn-font-weight: 600;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: rgb(237, 28, 36);
  --bs-btn-border-color: rgba(85, 0, 0, 1);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(233, 86, 91);
  --bs-btn-hover-border-color: rgb(237, 28, 36);
  --bs-btn-focus-shadow-rgb: rgb(237, 28, 36);
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(237, 28, 36);
  --bs-btn-active-border-color: rgba(85, 0, 0, 1);
}

.graphic { max-height: 250px; width: auto; }

@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}

/* General support classes */
.heading-fancy { font-family: 'Satisfy'; }

/* Effects */
.animation-target {
  animation: animation 2000ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22r%22%2Ce%3A%22b%22%2Cd%3A2000%2CD%3A0%2Cf%3A0%2Ct%3A360%2Cs%3A3%2Cb%3A4%7D%2C%7BT%3A%22k%22%2Ce%3A%22s%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A20%2Cy%3A20%7D%2Cs%3A3%2Cb%3A4%7D%5D%7D */

@keyframes animation {
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  1.6% { transform: matrix3d(0.232, 0.977, 0, 0, -0.918, 0.408, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.2% { transform: matrix3d(-0.849, 0.541, 0, 0, -0.721, -0.702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { transform: matrix3d(-0.986, -0.198, 0, 0, -0.018, -1.006, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.36% { transform: matrix3d(-0.159, -0.99, 0, 0, 0.956, -0.303, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.61% { transform: matrix3d(0.747, -0.665, 0, 0, 0.717, 0.698, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.46% { transform: matrix3d(0.907, -0.422, 0, 0, 0.465, 0.886, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.61% { transform: matrix3d(0.96, 0.281, 0, 0, -0.281, 0.96, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.91% { transform: matrix3d(0.947, 0.321, 0, 0, -0.324, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.72% { transform: matrix3d(0.849, 0.528, 0, 0, -0.537, 0.844, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% { transform: matrix3d(0.836, 0.549, 0, 0, -0.557, 0.83, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.23% { transform: matrix3d(0.991, 0.133, 0, 0, -0.133, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  28.33% { transform: matrix3d(0.992, 0.129, 0, 0, -0.129, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% { transform: matrix3d(0.999, -0.039, 0, 0, 0.039, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40.74% { transform: matrix3d(0.999, -0.038, 0, 0, 0.038, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% { transform: matrix3d(1, -0.01, 0, 0, 0.01, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% { transform: matrix3d(1, 0.003, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/* Pop */
@-webkit-keyframes hvr-pop {
50% {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
}
@keyframes hvr-pop {
50% {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
}
.hvr-pop {
/*display: inline-block;*/
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

@media (max-width: 1200px) and (min-width: 767px ) {
	.graphic { max-height: 150px; width: auto; }
}

@media (max-width: 768px) {
	#logo { max-height: 86px; }
	h2 { font-size: 8vw; }
	h3 { font-size: 6vw; }
	.intro h1 { font-size: 10vw; }
	.intro h3 { font-size: 8vw; }
  .graphic { width: 90%; height: auto; }
}