body {
	#background-color: #D0E6FE;
}
.header {

}
.logo img {
	height: 120px;
}
.title {
	padding-left: 10px;
	color: #104E77;
	font-size: 2.9em;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.banner {
	background: url('../images/banner.jpg');
	background-size: contain;
	background-position: 0 46% !important;
	background-attachment: fixed;
	height:400px;
	background-repeat: no-repeat;
}
.banner h2 {
	color: #3c3c3c;
	font-size:4.5em;
	text-shadow: 2px 2px 5px gray;
}
.tagline {
	font-size: 3.5em;
	color:black;
	text-align: center;
}

.gray-bg {
	background: #e9e9e9;
}

.blinking-text {
	text-align: center;
	font-weight: bold;
	/*margin-top: 18%;*/
	font-size: 16px;
	color: #ffffff;
	background: #7EBBBF;
	border: 1px solid black;
	border-radius: 13px;
	animation: blink 1.5s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --s: 1.8em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #CC333F; /* the main color */
  width: fit-content;
}

.features {
	font-weight: 500;
	font-size: 1.4em;
}

.features i{
	color: #F2BA11;
}

.logo-badge {
	position: absolute;
	border: 1px solid transparent;
	border-radius: 50%;
	padding: 5px;
	background: white;
	top: -50px;
	overflow: hidden;
	left: 50%;
	transform: translateX(-50%);
}

.card {
	text-align: center;
}

.card-img-top {
	padding: 10px;
	border-radius: 10px !important;
}

.card-body{
	position: relative;
	padding-top: 40px;
}

.card-title {
	color: #17649B;
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: 700;
}

.card-text {
	color: #606060;
	font-weight: 500;
}

footer {
	background: #00051F;
	color: #ffffff;
	text-align: center;
}

footer p{
	color: #ffffff;
	font-size: 1.7em;
	font-weight: 500;
}