.text-purple {
	color: #8367a3!important;
}

.bg-purple {
	background-color: #8367a3!important;
}

.bg-lavender {
	background-color: #9787a8!important;
}

.bg-purple-gradient {
	background-image: linear-gradient(#9b84b3, #483759);
}

.bg-white-purple-gradient {
	background-image: linear-gradient(#ffffff, #483759);
}

a:not(.nav-link):not(.dropdown-item) {
	color: #9787a8!important;
}

a:not(.nav-link):not(.dropdown-item):hover {
	color: #8367a3!important;
}

button.border-0:focus {
	outline: 0 !important;
}

h1.responsive-text,
.h1.responsive-text {
	font-size: 5rem;
}
 
@media (min-width: 992px) { 
	h1.responsive-text,
	.h1.responsive-text {
		font-size: 2.5rem;
	}
}

h2.responsive-text, .h2.responsive-text {
	font-size: 4rem;
}
 
@media (min-width: 992px) { 
	h2.responsive-text,
	.h2.responsive-text {
		font-size: 2rem;
	}
}

h3.responsive-text, .h3.responsive-text {
	font-size: 3rem;
}
 
@media (min-width: 992px) { 
	h3.responsive-text,
	.h3.responsive-text {
		font-size: 1.75rem;
	}
}

h4.responsive-text, .h4.responsive-text {
	font-size: 2.5rem;
}
 
@media (min-width: 992px) { 
	h4.responsive-text,
	.h4.responsive-text {
		font-size: 1.5rem;
	}
}

h5.responsive-text, .h5.responsive-text {
	font-size: 2.25rem;
}
 
@media (min-width: 992px) { 
	h5.responsive-text,
	.h5.responsive-text {
		font-size: 1.25rem;
	}
}

div.responsive-text,
p.responsive-text,
ul.responsive-text,
.input-group-text.responsive-text,
.form-control.responsive-text {
	font-size: 2rem;
}

@media (min-width: 992px) {
	div.responsive-text,
	p.responsive-text,
	ul.responsive-text,
	.input-group-text.responsive-text,
	.form-control.responsive-text {
		font-size: 1rem;
	}
}

.fa-flip.flip-slow {
	--fa-animation-duration: 4s;
}

li.nav-item.active > .nav-link {
	color: rgba(255,255,255,.75);
}

a.nav-link.custom-nav-link {
	color: rgba(255,255,255,.5);
}

a.nav-link.custom-nav-link:hover,
a.nav-link.custom-nav-link:focus {
	color: rgba(255,255,255,.75);
}

a.nav-link.custom-nav-link.disabled {
	color: rgba(255,255,255,.25);
}