.bs-icon {
	--bs-icon-size: .75rem;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	font-size: var(--bs-icon-size);
	width: calc(var(--bs-icon-size) * 2);
	height: calc(var(--bs-icon-size) * 2);
	color: var(--bs-primary);
}

.bs-icon-xs {
	--bs-icon-size: 1rem;
	width: calc(var(--bs-icon-size) * 1.5);
	height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
	--bs-icon-size: 1rem;
}

.bs-icon-md {
	--bs-icon-size: 1.5rem;
}

.bs-icon-lg {
	--bs-icon-size: 2rem;
}

.bs-icon-xl {
	--bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
	color: var(--bs-white);
	background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
	color: var(--bs-primary);
	background: rgba(var(--bs-primary-rgb),.2);
}

.bs-icon.bs-icon-semi-white {
	color: var(--bs-primary);
	background: rgba(255,255,255,.5);
}

.bs-icon.bs-icon-rounded {
	border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
	border-radius: 50%;
}

.header-blue {
	background: url(/assets/img/Hero/hero.png) #184e8e;
	padding-bottom: 80px;
	font-family: 'Source Sans Pro',sans-serif;
}

.header-blue .navbar {
	background: 0 0;
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #fff;
	border-radius: 0;
	box-shadow: none;
	border: none;
}

.header-blue .navbar .navbar-brand {
	font-weight: 700;
	color: inherit;
}

.header-blue .navbar .navbar-brand:hover {
	color: #f0f0f0;
}

.header-blue .navbar .navbar-collapse {
	border-top: 1px solid rgba(255,255,255,.3);
	margin-top: .5rem;
}

.header-blue .navbar .navbar-toggler {
	border-color: rgba(255,255,255,.3);
}

.header-blue .navbar .navbar-toggler:hover,.header-blue .navbar-toggler:focus {
	background: 0 0;
}

.header-blue .navbar .navbar-nav a.active,.header-blue .navbar .navbar-nav>.show .dropdown-item {
	background: 0 0;
	box-shadow: none;
}

.header-blue .action-button,.header-blue .action-button:not(.disabled):active {
	border: 1px solid rgba(255,255,255,.7);
	border-radius: 40px;
	color: #ebeff1;
	box-shadow: none;
	text-shadow: none;
	padding: .3rem .8rem;
	background: 0 0;
	transition: background-color .25s;
	outline: 0;
}

.header-blue .action-button:hover {
	color: #fff;
}

.header-blue .hero {
	margin-top: 20px;
	text-align: center;
}

@media (min-width:768px) {
	.header-blue {
		padding-bottom: 120px;
	}

	.header-blue .navbar {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.header-blue .navbar .navbar-collapse {
		border-color: transparent;
		margin: 0;
	}

	.header-blue .navbar-nav .nav-link {
		padding-left: .7rem;
		padding-right: .7rem;
	}

	.header-blue .hero {
		margin-top: 60px;
		text-align: left;
	}
}

.header-blue .hero h1 {
	color: #fff;
	font-size: 40px;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 300;
	line-height: 1.4;
}

.zoom {
    background-color: rgb(255, 255, 255);
    transition: transform .2s; /* Animation */
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }

@media (min-width:992px) {
	.header-blue .navbar-nav .nav-link {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	.header-blue .hero h1 {
		margin-top: 190px;
		margin-bottom: 24px;
		line-height: 1.2;
	}
}

.header-blue .hero p {
	color: rgba(255,255,255,.8);
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: 300;
}

.header-blue .phone-holder {
	text-align: right;
}

.header-blue div.iphone-mockup {
	position: relative;
	max-width: 300px;
	margin: 20px;
	display: inline-block;
}

.header-blue .iphone-mockup img.device {
	width: 100%;
	height: auto;
}

.header-blue .iphone-mockup .screen {
	position: absolute;
	width: 88%;
	height: 77%;
	top: 12%;
	border-radius: 2px;
	left: 6%;
	border: 1px solid #444;
	overflow: hidden;
	background: url(screen-content-iphone-6.jpg) center/cover;
}

.header-blue .iphone-mockup .screen:before {
	content: '';
	background-color: #fff;
	position: absolute;
	width: 70%;
	height: 140%;
	top: -12%;
	right: -60%;
	transform: rotate(-19deg);
	opacity: .2;
}

.fit-cover {
	object-fit: cover;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}

.video-container embed,.video-container iframe,.video-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}