
#sc-8 {
	position: relative;
	padding: 50px 0;
}
#sc-8:before{
	content: '';
	display: block;
	background:#000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
	/*#sc-8 .container {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	*/
	#sc-8 .container .col-4 {
		position: relative;
		
	}

	

	#sc-8 .container .col-4 .img {
		display: flex;
		justify-content: center;
		position: relative;
	}
	#sc-8 .container .col-4 .img:before{
		content: '';
		display: block;
		padding-bottom: 40%;
	}
	#sc-8  img {
		
		position: absolute;
		top: 0;
		left: 0;

		object-fit: scale-down;
		width: 100%;
		height: 100%
	}
	#sc-8 .container .col-4 p {
		text-align: center;
		color: white;
		font-weight: bold;
		font-size: 15pt;
		margin-bottom: 10px
	}

	#sc-8 .container .col-4 span {
		font-size: 30pt;
		color:white;
	}
	
	#sc-8 .after_title{
		text-align: center;
		color: #fff;
		margin-bottom: 30px;
	}
	#sc-8 .container{
		position: relative;
	}
	#sc-8 .section-title,#sc-8 .after_number{
		color: #fff;

	}
	#sc-8 .col_wrapper{
		display: flex;
		flex-direction: column;
		min-height: 100%;
		height: auto;
	}



	@media(max-width: 640px){
		#sc-8 .container .col-4 {
			margin-bottom: 50px
		}
	}
	@media (min-width: 641px) and (max-width: 1024px){
		#sc-8 .container .col-4 {
			flex: 0 0 33.33%;
			max-width: 33.33%
		}
		#sc-8 .container .col-4 .img:before{
		content: '';
		display: block;
		padding-bottom: 50%;
	}
	#sc-8 .container .col-4 p{
		line-height: 1.8;

	}
	}