#banner_container{
	background:url("/public/image/reputation/reputation_banner.png") center;
	background-size:cover;
}

#slide_container{
	padding:5em 0px;
	padding-bottom:4em;
}

#services{
	text-align:center;
}
#services>h1{
	text-align:center;
	font-size:1.6em;
	display:flex;
	justify-content:center;
	margin:1.2em auto;
	margin-bottom:0px;
	color:rgba(0,0,0,0.9);
}

#services section{
	padding:1em 0px;
	margin:1.5em auto;
	text-align:left;
	margin-top:0px;
}
#services article{
	width:80%;
	margin:30px auto;
	display:flex;
	justify-content:space-between;
}
#services div{
	width:40%;
}

#services article h1{
	margin-top:0px;
	margin-right:0px;
	border-bottom:1px solid rgba(0,162,232,1);
	padding-bottom:5px;
	font-weight:normal;
	color:#7030A0;
	font-size:1.3em;
}


#services article h1 span:first-child{
	font-size:1.1em;
	font-weight:bold;
}
#services .facebook h1 span:last-child{
	font-size:0.9em;
	color:rgba(0,162,232,1);
}
#services article p img{
	float:left;
	margin-right:10px;
	border-radius:60px;
}

#services .facebook p img{
	box-shadow:3px 3px 5px rgba(0,162,232,0.1), -3px -3px 5px rgba(0,162,232,0.1), 3px -3px 5px rgba(0,162,232,0.1),-3px -3px 5px rgba(0,162,232,0.1);
}

#services p{
	font-size:0.9em;
	line-height:1.4em;
	color:rgba(0,0,0,0.8);
}

#services .facebook a{
	text-decoration:none;
	color:rgba(79,32,115,1);
	display:inline-block;
	vertical-align:middle;
	display:none;
}

#services .facebook a{
	text-decoration:none;
	background:#7030A0;
	padding:0.4em 1em;
	color:white;
	font-size:1.1em;
}
#services .facebook a em{
	font-style:normal;
}

#services .facebook div:last-child{
	text-align:right;
	position:relative;
}



#services .facebook li{
	list-style:circle;
	color:#7030A0;
	font-size:0.9em;
	margin-bottom:0.2em;
	color:rgba(0,162,232,1);
	letter-spacing:1px;
	/font-weight:bold;
}


#services div>img{
	width:380px;
	width:100%;
	/height:300px;
	position:relative;
	box-shadow:10px 10px 10px rgba(0,0,0,0.1);
}
#services .facebook div:last-child:after{
	content:url(/public/image/reputation/facebook.jpg);
	position:relative;
	display:block;
	height:170px;
	width:300px;
	overflow:hidden;
	margin-bottom:-100px;
	top:-80px;
	left:-100px;
	box-shadow:-5px -5px 30px rgba(0,0,0,0.1);
}

/*******tHE CHART PART********/

#services .tiktok div:first-child:after{
	content:url(/public/image/reputation/tiktokimage.jpg);
	position:relative;
	display:block;
	height:170px;
	width:300px;
	overflow:hidden;
	margin-bottom:-100px;
	top:-80px;
	left:250px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.1);
}
/****************CHART Add*************************/

#tiktok{
	background:rgba(244,244,244,1);
}

#tiktok li{
	list-style:circle;
	color:#7030A0;
	font-size:0.9em;
	margin-bottom:0.2em;
	color:#7030A0;
	letter-spacing:1px;
}

#services .tiktok p img{
	box-shadow:3px 3px 5px rgba(0,0,0,0.2), -3px -3px 5px rgba(0,0,0,0.2), 3px -3px 5px rgba(0,0,0,0.2),-3px 3px 5px rgba(0,0,0,0.2);
}
#services .tiktok h1{
	border-bottom:1px solid black;
}
#services .tiktok h1 span:last-child{
	color:rgba(255,155,0,1);
	color:black;
}
#services .tiktok h1 span:last-child,#services .linkedin h1 span:last-child,#services .facebook h1 span:last-child{
	/font-weight:bold;
	font-size:0.9em;
}
#services .tiktok a{
	text-decoration:none;
	color:rgba(255,155,0,1);
	background:rgba(255,155,0,1);
	padding:0.4em 1em;
	color:white;
	font-size:1.1em;
	display:none;
}
#services .tiktok a em{
	font-style:normal;
}



/********************The linkedin Part*************************/
#services .linkedin div:first-child:after{
	content:url(/public/image/reputation/linkedin.jpg);
	position:relative;
	display:block;
	height:170px;
	width:300px;
	overflow:hidden;
	margin-bottom:-100px;
	top:-80px;
	left:250px;
	box-shadow:10px 10px 10px rgba(0,0,0,0.1);
}
/****************linkedin Add*************************/

#linkedin{
	background:rgba(244,244,244,1);
}

#services .linkedin p img{
	box-shadow:3px 3px 5px rgba(0,0,0,0.2), -3px -3px 5px rgba(0,0,0,0.2), 3px -3px 5px rgba(0,0,0,0.2);
}
#services .linkedin h1{
	border-bottom:1px solid rgba(0,0,0,1);
}
#services .linkedin h1 span:last-child{
	font-size:0.9em;
	color:black;
}
#services .linkedin a{
	text-decoration:none;
	color:rgba(255,155,0,1);
	background:rgba(255,155,0,1);
	padding:0.4em 1em;
	color:white;
	font-size:1.1em;
	display:none;
}
#services .linkedin a em{
	font-style:normal;
}


#services .linkedin li{
	list-style:circle;
	color:#7030A0;
	font-size:0.9em;
	margin-bottom:0.4em;
	letter-spacing:1px;
}


#services .instagram div:last-child:after{
	content:url(/public/image/reputation/instagramimage.jpg);
}

#services .instagram p img{
	box-shadow:3px 3px 5px rgba(255,155,0,0.3), -3px -3px 5px rgba(255,155,0,0.3), 3px -3px 5px rgba(255,155,0,0.3);
}

#services .instagram h1{
	border-bottom:1px solid rgba(255,155,0,1);
}
#services .instagram h1 span:last-child{
	color:rgba(255,155,0,1)
}

#services .instagram a{
	text-decoration:none;
	background:rgba(240,222,24,1);
	padding:0.4em 1em;
	color:white;
	font-size:1.1em;
}
#services .instagram a em{
	font-style:normal;
}

#services .instagram li{
	list-style:circle;
	color:#7030A0;
	font-size:0.9em;
	margin-bottom:0.4em;
	color:rgba(255,155,0,1);
	letter-spacing:1px;
}


@media screen and (max-width:1200px){
	#services .linkedin div:first-child:after,#services .tiktok div:first-child:after{
		display:none;
	}
}
@media screen and (max-width:1000px){
	#services article{
		width:90%;
	}
}

@media screen and (max-width:850px){
	#services .facebook div:last-child:after{
		display:none;
	}	
	#services .facebook div:first-child,#services .linkedin div:last-child,#services .tiktok div:last-child{
		width:45%;		
	}
	#services .facebook div:last-child,#services .linkedin div:first-child,#services .tiktok div:first-child{
		width:50%;
	}
}
@media screen and (max-width:740px){
	#services article{
		width:97%;
	}
	#services .facebook div:first-child,#services .linkedin div:last-child,#services .tiktok div:last-child{
		width:48%;		
	}
}
@media screen and (max-width:600px){
	#services article{
		flex-direction:column;
		margin:0px;
		align-items:center;
	}
	#services .facebook div:first-child,#services .linkedin div:last-child,#services .tiktok div:last-child{
		width:80%;
		margin-left:5%;
	}
	#services .facebook div:last-child,#services .linkedin div:first-child,#services .tiktok div:first-child{
		width:80%;
	}
	#services .linkedin div:last-child,#services .tiktok div:last-child{
		margin-top:2em;
	}
}
@media screen and (max-width:400px){
	#services .facebook div:first-child,#services .linkedin div:last-child,#services .tiktok div:last-child{
		width:90%;		
	}
	#services .facebook div:last-child,#services .linkedin div:first-child,#services .tiktok div:first-child{
		width:80%;		
	}
}