body {
	background-color: #0B0B0B;
}
.btn-filled {
	padding: 2px 22px !important;
	border: none !important;
	outline: none !important;
	border-radius: 16px; 
	color:#F9F9F9 !important;
	background-color: #4291D2 !important;;
}
#hero-heading {
	font-size: 43px;
}
#hero-desc {
	font-size: 19px;
}
#hero-heading, #hero-desc {
	position: relative;
	z-index: 3;
}
.highlighted {
	color: #8CB6D8;
}
html * {
	font-family: "Fredoka", sans-serif;
}
h1, h2, h3, h4, h5, h1 span, h2 span{
	font-family: "Raleway", sans-serif;
}
.bg-light {
	background-color: #F9F9F9 !important;
}
nav {
	background-color: #EDEDED;
	width: 100%;
	z-index: 100;
	height: 42px;
}
.navbar-toggler {
	border: none;
	font-size: 200% !important;
}
#site-logo {
	height: 22px;
}
.small-line {
	 width: 70px;
	 height: 3px;
	 margin: 8px 0px;
	 background-color:#4291D2;
}
.box-shadow {
	box-shadow: 0px 0px #888;
}
.featurette-image, .rounded-container, .rounded-corners img {
	border-radius: 23px !important;
}
.card-img-top {
	border-top-left-radius: 23px !important;
	border-top-right-radius: 23px !important;
}
.card-body {
	border-bottom-left-radius: 23px !important;
	border-bottom-right-radius: 23px !important;
}
.rounded-card {
	border-radius: 23px !important;
}
.card-img {
	border-radius: 11px !important;
}
.fill-card img {
	border-top-left-radius: 23px !important;
	border-top-right-radius: 23px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.bi-star, .bi-star-fill, .bi-star-half {
	color: #FFAA00;
}
@media (max-width: 767px) {
	nav {
		min-height: 60px !important;
    }
	.navbar-collapse {
		text-align: left;
		background-color: #EDEDED;
		padding: 2%;
		position: fixed;
		top: 60px !important;
		left: 0;
		width: 100% !important;
	}
	#site-logo {
		height: 41px;
	}
}
footer {
	background-color: #8CB6D8;
}
/*
img {
  opacity: 0;
  position: relative;
  Y: 20px;
}
*/
img {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 2s, transform 2s;
}
img.animate {
  opacity: 1;
  transform: translateY(0);
}
.jumbotron {
	padding-top: 123px !important;
	padding-bottom: 83px !important;
	border-radius: 0 !important;
	overflow: hidden;
	width: 100% !important;
	background-image: radial-gradient(#214869,#0B0B0B,#0B0B0B) !important;
}
.jumbotron p {
	position: relative;
	z-index: 20;
}
.text-light p {
	color: #B7B7B7 !important;
}