article {
	margin-top: 15px;
	margin-bottom: 40px;
}
@media (min-width: 992px) {
	article {
		margin-top: 130px;
	}

	.h-100 h5  {
      
		margin: 2em 1em 2em 1em;
		line-height: 1.5em;


	}

	.h-100 p {

		margin: 10em 1em 2em 1em;


   }

}

.carousel-inner a {
	color: #000;
}


.thumb {
	background-image: var(--background);
	background-size: cover;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: center center;
}
.item_text {
	font-size: .8em;
}

.callout h5,.unit-title h5 {
	margin-bottom: 0;
	font-size: 1.8em; /*30px*/
}
.callout p,.unit-title p {
}

@media (min-width: 768px) {
	.carousel-item .row div:nth-child(2) div{
		overflow: hidden;
		/*height: 648px;*/
		padding-bottom: 20px!important;

	.h-100 h5  {
      
			margin: 2em 1em 2em 1em;
			line-height: 1.5em;
	
	
		}

	.h-100 p {

		margin: 10em 1em 2em 1em;

	
	}
	}
}
@media (min-width: 768px) {
	.callout h5,.unit-title h5 {
		font-size: 2.2em;
	}
	.callout p,.unit-title p {
		font-size: 1.1em;
	}

	.h-100 h5  {
      
		margin: 2em 1em 2em 1em;
		line-height: 1.5em;


	}

	.h-100 p {

		margin: 10em 1em 2em 1em;


}

}

/*
#carouselExampleIndicators .carousel-indicators [data-bs-target]{
	margin-left: 1px;
	margin-right: 1px;
}

#carouselExampleIndicators .carousel-indicators {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -30px;
	border: 0px solid #838182;
	justify-content: end !important;
	max-width: 1320px;
}

#carouselExampleIndicators .carousel-indicators > button {
	margin-left: 0px !important;
	margin-right: 0px !important;
	border-radius: 50%;
	background-color: #000;
	height: 15px;
	width: 15px;
	border: 5px solid transparent;
}
#carouselExampleIndicators .carousel-indicators > button.active {
	background-color: #f2ac00;
}
*/

.news-title {
	margin-bottom: 25px;
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 1.8em;
	border-bottom: 2px solid #f7a900;
}

.text-area {
	/*height: 200px;*/
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow:hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.text-area {
		-webkit-line-clamp: 5;
	}
	.h-100 h5 {
      
		margin: 2em 1em 2em 1em;
		line-height: 1.5em;


	}

	.h-100 p {

		margin: 10em 1em 2em 1em;


}