:root {
	--bs-font-sans-serif: "Ubuntu", sans-serif;
	--bs-link-color: #b7002a;
	--bs-link-hover-color: #d9224c;
	--bs-primary: #b7002a;
}

.btn-primary {
	--bs-btn-color: #fff;
    --bs-btn-bg: #b7002a;
    --bs-btn-border-color: #b7002a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a60019;
    --bs-btn-hover-border-color: #a60019;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #a60019;
    --bs-btn-active-border-color: #a60019;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b7002a;
    --bs-btn-disabled-border-color: #b7002a;
}

html {
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 700;
}

h4, .h4 {
	color: #b7002a;
}

.effect-container {
	position: relative;
	overflow: hidden;
}

.effect-bg {
	position: absolute;
	left: -50%;
	right: -50%;
	top: 0;
	bottom: 0;
	opacity: .5;
	z-index: 0;
	animation: slide 10s ease-in-out infinite alternate;
	background-image: linear-gradient(-60deg, #000 50%, #333 50%);
}

.effect-bg-2 {
	animation-direction: alternate-reverse;
	animation-duration: 15s;
}

.effect-bg-3 {
	animation-duration: 20s;
}

.effect-content {
	position: relative;
	z-index: 1;
}

@keyframes slide {
	0% {
		transform: translateX(-25%);
	}
	100% {
		transform: translateX(25%);
	}
}