#footer ul.menu.bottom_links li{
	margin: 1px;
	display: inline-flex;
}

#footer ul.menu.bottom_links {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	text-decoration: none;
}

#footer ul.menu.bottom_links li.active2 {
	color: #fff !important;
	border-radius: 3px;
}

#footer ul.menu.bottom_links li.active2:nth-child(1){
	background: #0BAF20!important;
}

#footer ul.menu.bottom_links li.active2:nth-child(2){
	background: #E91919;
}

#footer ul.menu.bottom_links li.active2:nth-child(3){
	background: #2785FF;
}

#footer ul.menu.bottom_links li.active2:nth-child(4){
	background: #DF0D0D;
}

#footer ul.menu.bottom_links li.active2:nth-child(5){
	background: #A000FF;
}

#footer ul.menu.bottom_links li.active2:nth-child(6){
	background: #FF00B2;
}

#footer ul.menu.bottom_links li.active2:nth-child(7){
	background: #FF9F00;
}

#footer ul.menu.bottom_links li.active2 a{
	color: #fff !important;
}

#footer ul.menu.bottom_links li a{
	padding: 6px;
	border-radius: 2px;
	text-decoration: none;
	transition: 0.4s;
}

#footer ul.menu.bottom_links li a:hover{
	color: #fff;
	text-decoration: none;
}

#footer ul.menu.bottom_links li:nth-child(1) a:hover{
	background: #0BAF20;
}

#footer ul.menu.bottom_links li:nth-child(2) a:hover{
	background: #E91919;
}

#footer ul.menu.bottom_links li:nth-child(3) a:hover{
	background: #2785FF;
}

#footer ul.menu.bottom_links li:nth-child(4) a:hover{
	background: #DF0D0D;
}

#footer ul.menu.bottom_links li:nth-child(5) a:hover{
	background: #A000FF;
}

#footer ul.menu.bottom_links li:nth-child(6) a:hover{
	background: #FF00B2;
}

#footer ul.menu.bottom_links li:nth-child(7) a:hover{
	background: #FF9F00;
}

.wrapper.foot-wrap {
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

@media screen and (max-width: 768px) {
	
	#footer ul.menu.bottom_links {
		padding: 0.5rem !important;
	}
	
	#footer ul.menu.bottom_links li {
		flex: 1 1 calc(100% / 4);
	}
	
	#footer ul.menu.bottom_links li a {
		display: inline-flex;
		padding: 0.4rem;
		border-radius: 2px;
		text-decoration: none;
		transition: 0.4s;
		width: 100%;
		font-size: 14px;
		align-items: center;
	}
	
	dl.forum_legend {
		display: flex;
		flex: 100%;
		flex-flow: row nowrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 9px;
	}

	#footer .upper .theme {
		float: none; 
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		margin-left: 0;
	}
	
	.wrapper.foot-wrap {
		flex-direction: column-reverse;
	}
}