.qcc-page-content {
	max-width:1200px;
	margin:0 auto;
}
.container-fluid.content-body {
	padding:0;
}

.qcc-home-options {
	align-items: start;
	display:flex;
	flex:1 1 auto;
	flex-direction: column;
	flex-wrap:wrap;
	justify-content: space-evenly;
	list-style: none;
	margin: auto;
	padding: 0;
	width: 100%;
}
.qcc-home-options li {
	border-bottom:var(--brd-lt);
	border-left:var(--brd-lt);
	border-radius:var(--radius);
	flex: 1 1 auto;
	margin: 0 auto var(--base-padding);
	padding: 0;
	text-align:start;
	width: 100%;
}
.qcc-home-options li a {
	background: linear-gradient(175deg, rgba(253, 251, 251, 0.5) 35%, rgba(235, 237, 238, 0.4) 85%);
	border-radius: var(--radius);
	box-shadow: var(--ds-sm-lt);
	color: var(--color);
	display: block;
	font-weight: 600;
	overflow: hidden;
	padding: calc(var(--base-padding) * 2);
	padding-left: 2rem;
	position: relative;
	text-decoration: none;
	text-shadow: var(--ds-sm-dkst);
	transition: all .2s ease;
}
/*
	background: linear-gradient(175deg, rgba(253, 251, 251, 0.5) 35%, rgba(235, 237, 238, 0.4) 85%);
	border-radius: var(--radius);
	box-shadow: var(--ds-sm-lt);
	color: var(--color);
	display: block;
	font-weight: 600;
	overflow: hidden;
	padding: calc(var(--base-padding) * 2);
	padding-left: 2rem;
	position: relative;
	text-decoration: none;
	transition:all .2s ease;
*/
.qcc-home-options li a:hover {
	background:linear-gradient(rgba(240, 247, 240, 0.25), rgba(80,140,90,0.35));
	border-color:var(--color-a);
	box-shadow:var(--ds-lt);
	color:var(--color);
	transition:all .5s ease;
}
.qcc-home-options li a:after {
	border: 15px solid;
	border-bottom: 0;
	border-bottom-right-radius: var(--radius);
	border-left: 0;
	border-top-left-radius: var(--radius);
	bottom: auto;
	content: " ";
	display: block;
	height: 25px;
	left: calc(var(--base-margin) * -1);
	position: absolute;
	top: calc(var(--base-padding) * 2);
	transform: rotate(45deg);
	width: 25px;
}

.qcc-carousel-wrapper {
	border: 5px solid white;
	border-radius:var(--radius);
	box-shadow:var(--ds-halo);
	margin:0 auto 1rem;
	max-width:400px;
	max-height:400px;
	padding:0;
}
.carousel .carousel-item {
	border-radius:var(--radius);
	height:100%;
	max-height:400px;
	overflow:hidden;
}
.carousel .carousel-item img {
	height:100%;
	width:auto;
}
.carousel {
//	overflow: hidden;
}
.carousel-caption {
	background-color:rgba(0,0,32,0.25);
	border-radius:var(--radius);
	bottom:0;
	left:5%;
	padding:var(--base-padding);
	margin:auto;
	right:5%;
	text-shadow:2px 2px 3px rgba(13, 26, 80, 0.65);
	width:90%;
}
.carousel-indicators {
	margin:auto auto var(--base-margin);
	bottom:-30px;
}
.carousel-inner {
	aspect-ratio:1;
}
.carousel-control-prev {
	left: -2rem;
}
.carousel-control-next {
	right: -2rem;
}

.qcc-hp-heading {
	font-size:1.25rem;
}
#hpImgWrap1 {
	float: right;
	margin: 1.25rem -1.25rem 1rem 2.25rem;
	max-width: 320px;
	transform: rotate(11deg);
}
#hpImgWrap1 img {
	float:left;
}

.qcc-hp-page {
	display: grid;
	height: auto;
	grid-column-gap: var(--base-margin);
	grid-row-gap: var(--base-margin);
	grid-template-areas:
		"links copy"
		"announce copy"
		"announce slides"
		"announce social";
		grid-template-columns: 25% 75%;
	margin:auto auto calc(var(--base-margin) * 2);
	width: calc(100% - 1rem);
}

#hpCol1 {
	grid-area: links;
}

#hpCol2 {
	grid-area: copy;
}

#hpCol3 {
	grid-area: slides;
}

#hpCol4 {
	grid-area: social;
}

#hpCol5 {
	grid-area: announce;
}


@media (max-width:1400px) {
	#hpImgWrap1 {
		max-width:275px;
		margin-left:1rem;
	}
	.qcc-bordered-img-caption {
		font-size:1rem;
	}
	.qcc-page-content {
		max-width:calc(100% - 90px);
	}
	.qcc-hp-page {
		grid-template-areas:
			"links copy"
			"announce copy"
			"announce slides"
			"social social";
		grid-template-columns: 30% 70%;
	}
}

@media (max-width:1200px) {
	#hpImgWrap1 {
		max-width:250px;
	}
	.qcc-bordered-img-caption {
		font-size:.9rem;
	}
}

@media (max-width:990px) {
	#hpImgWrap1 {
		max-width:250px;
	}

	.qcc-hp-page {
		grid-template-areas:
			"links links"
			"copy copy"
			"announce announce"
			"slides social";
		grid-template-columns: 55% 45%;
	}

	.qcc-home-option {
		width:350px;
	}

	.qcc-carousel-wrapper { margin:0 auto; }

}

@media (max-width: 768px) {
	.qcc-hp-page {
		grid-template-areas:
			"links"
			"copy"
			"announce"
			"slides"
			"social";
		grid-template-columns: 100% 1fr;
	}
}
@media (max-width:568px) {
	.carousel-control-prev {
		left: -1.75rem;
	}
	.carousel-control-next {
		right: -1.75rem;
	}
	.qcc-hp-page {
		max-width:100%;
	}
	#hpImgWrap1 {
		transform: rotate(0deg);
		margin: auto;
		max-width:100%;
	}
	#hpImgWrap1 img {
		float:left;
	}

}
@media (max-width:420px) {
	.qcc-carousel-wrapper { 
		max-height: unset;
		height: calc(100vw - 1.5rem);
	}
	.carousel-indicators {
		margin:auto auto var(--base-margin);
		bottom:-30px;
	}
}