header h1 {
	font-size: 5rem;
	line-height: 1.5em;
	margin-top: 30px;
}

.flip-horizontal-rotate {
  transform: rotateY(180deg);
}

/* Make homepage intro video shorter (crop, keep full width) */
header video{
  display:block;
  width: 100%;
  height: calc(100vh - 150px);
  object-fit: cover;
}


.bg-homepage-intro {
	background-image: url('../../../img/bg-homepage-intro.jpeg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 675px;
}

.bg-homepage-intro p {
	font-size: 1.5em;
}

.bg-ux {
	background-image: url('../../../img/bg-gear-tech-white.jpeg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.card-body p {
	font-size: 18px;
	line-height: 2em;
}


@media (max-width: 575.98px) {
	.col-7.z-3.position-absolute.p-5 {
		padding: 2rem !important;
	}
	header h1 {
		font-size: 1.8rem;
		line-height: 1.3em;
		margin-top: 0 !important;
	}
	.col-7.z-3 {
		width: 100%;
	}
	.bg-homepage-intro p {
		font-size: 1.1em;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	header h1 {
		font-size: 2.5rem;
		line-height: 1.3em;
	}
	.col-7.z-3 {
		width: 100%;
	}
	.bg-homepage-intro p {
		font-size: 1.1em;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	header h1 {
		font-size: 3.5rem;
	}
	.col-7.z-3 {
		width: 80%;
	}
	.bg-homepage-intro p {
		font-size: 1.2em;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	header h1 {
		font-size: 4rem;
	}
	.col-7.z-3 {
		width: 70%;
	}
	.bg-homepage-intro p {
		font-size: 1.3em;
	}
}
@media (max-width: 768px){
  header video{
    height: auto;
    object-fit: contain;
  }
}