section.footer{
	/background:-webkit-repeating-radial-gradient(rgba(0,0,32,0.7),rgba(0,0,32,0.8) 5px);
	padding:2em 0.5em;
	padding-bottom:0.5em;
	margin-top:5em;
	box-shadow:-2px -2px 2px rgba(0,0,0,0.1);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:flex-start;
	background:black;
}

section.footer h3{
	color:white;
	position:relative;	
}

section.footer h3:after{
	content:"";
	border:1px solid rgba(255,155,0,1);
	position:absolute;
	left:0px;
	bottom:-3px;
	display:flex;
	right:0px;
}

section.footer ul{
	color:white;
	width:280px;
	margin:0px 0.5em;
	padding:0.2em;
}

section.footer ul li{
	margin:1em 0px;
	font-size:0.8em;
	margin-left:0.5em;
	display:flex;
	align-items:center;
	line-height:18px;
}
section.footer ul li a{
	color:white;
}
section.footer ul li em{
	font-style:normal;
	font-size:1.2em;
	margin:0px;
	padding:0px;
	height:25px;
	width:25px;
	border-radius:30px;
	text-align:center;
	line-height:25px;
	background:rgba(0,0,0,0.5);
	font-weight:bold;
	margin-right:1em;
	/border:1px solid rgba(255,255,255,0.2);
}

section.footer ul.mention{
	width:100%;
	border-top:1px solid rgba(255,155,0,1);
	font-size:0.8em;
	text-align:center;
	padding-top:0.5em;
	display:flex;
	justify-content:space-between;
}
section.footer ul.mention li{
	padding:0px;
	margin:0px;
	display:flex;
	width:auto;
}
section.footer ul.mention li span{
	height:25px;
	width:25px;
	border-radius:25px;
	background:rgba(0,0,0,0.5);
	font-size:1.5em;
	line-height:25px;
	margin:0px 0.5em;
}

section.footer ul.mention li strong{
	background:rgba(0,0,0,0.5);
	height:25px;
	line-height:25px;
	padding:0px 1em;
	font-size:1.2em;
	font-weight:normal;
}


@media screen and (max-width:500px){
	section.footer ul.mention{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	section.footer ul.mention li{
		width:100%;
		text-align:center;
		justify-content:center;
		margin-top:1em;
	}
}