﻿h1 {
	font-size: 3rem !important;
	text-overflow: ellipsis;
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.05;
}

@media(min-width: 768px) {
	h1 {
		font-size: 3.5rem !important;
	}
}

h2 {
	line-height: 1.5;
}

@media(min-width: 768px) {
	section {
		margin: 40px 0 40px 0;
	}
}

/* Carousel */
.carousel {
	padding-bottom: 30px;
}

.carousel-indicators {
	bottom: 0;
}

	.carousel-indicators [data-bs-target] {
		border: solid 1px var(--theme-dark);
		height: 12px;
		width: 12px;
		border-radius: 200px;
	}

	.carousel-indicators button.active {
		background-color: var(--theme-dark);
	}

.carousel-control-prev, .carousel-control-next {
	opacity: 1;
}

	.carousel-control-prev .carousel-control-prev-icon, .carousel-control-next .carousel-control-next-icon {
		background-color: var(--theme-dark);
		border-radius: 200px;
		border: solid 6px var(--theme-dark);
		height: 28px;
		width: 28px;
		visibility: hidden;
	}

	.carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon {
		visibility: visible;
	}

/* Jumbotron */
.jumbotron {
	text-align: center;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	padding: 0;
}

	.jumbotron h1 {
		font-size: 5.6rem !important;
	}

	.jumbotron h1, .jumbotron h2, .jumbotron p {
		margin-bottom: 30px;
	}

	.jumbotron .btn {
		line-height: 1.5;
		padding: 10px 20px 10px 20px !important;
		font-weight: 600
	}

@media(min-width: 48em) {
	.jumbotron-wide {
		max-width: 800px;
		margin-bottom: 57px;
	}

		.jumbotron-wide h1 {
			font-size: 4.8rem !important;
		}
}

@media(max-width: 48em) {
	.jumbotron h1, .jumbotron-wide h1 {
		font-size: 3.8em !important;
		hyphens: auto;
		word-break: break-word;
	}

		.jumbotron h1 br, .jumbotron h2 br {
			display: none;
		}
}