.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}

.carousel-message {
	top: 8rem;
	z-index: 10;
}

.carousel-message h1 {
	font-size: 3rem;
}

.carousel-item {
	height: 30rem;
}

.carousel-caption h1 span {
	background: rgba(0%, 0%, 0%, 0.3);
}

.carousel-item .img {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.featurette img {
	background-color: #f8f9fa;
}

body {
	padding-top: 58px;
	background: #f8f9fa;
	color: #202124;
	font-family: "Inter", "Open Sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "新細明體", Verdana, sans-serif;
}

footer {
	background-color: #263238;
	color: white;
}

.marquee img {
	width: 14rem;
}

.marquee {
	overflow: hidden;
	white-space: nowrap;
}

.marquee .scrolling {
	width: 100%;
	display: inline-block;
}

@keyframes marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

.lead{
	color: #555;
}

.banner {
	background-image: url('../images/banner.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner div {
	color: #fff;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
}

h1, h2, h3, strong {
	font-weight: 700;
}

h4, h5, strong {
	font-weight: 600;
}

.clients img {
	width: 19rem;
}

.about {
	color: #555555;
}

.about nav ul {
	list-style: none;
}

.about nav a:not(:hover) {
	text-decoration: none;
}

.about nav a {
	color: inherit;
}

.about nav ul {
	font-weight: 700;
}

.about p {
	line-height: 1.8em;
}