.anetwork-head{
    background-color: #3f3f3f;
	padding: .3rem 0;
}

.anetwork-head .inline-list li ul{
	background-color: #3f3f3f;
	border: 1px solid #636363;
}

.anetwork-hero{
	background: #33312E;
	color: #FFF;
	padding: 3rem 0; /* 0 on sides as inner container does that */
	/* border-top: 1px solid #33312E; */ /* https://www.sitepoint.com/community/t/container-moving-with-main-div/22730/2 */
}
.button--hero{
	background-color: #333749;
}

.anetwork-title{
    color: #AAA;
	background: -webkit-linear-gradient(45deg, #FFF, #AAA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.iconoir{
	vertical-align: middle;
}

.servers-scroll{
	height: 178px;
}

.servers-bg{
	background:#bac3cc;
}
.servers-bg .container{
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: contain;
}
.servers-bg--mc{ background:#96c564; }
.servers-bg--mc .container{ background-image: url(./images/mc.png); }
.servers-bg--factorio{ background:#d28c3c; }
.servers-bg--factorio .container{ background-image: url(./images/factorio.png); }

/*  */
/* .footer{
	background-color: #3f3f3f ;
	color: #CCC;
	border-top: 1px solid #636363;
}

.sub-footer{
	background-color: #2c2c2c ;
}
.sub-footer .container{
	padding-top: .2rem;
	padding-bottom: .2rem;
}

.website-by{
	font-size: .7rem;
	font-family: monospace;
	border-radius: var(--border-radius);
    display: inline-block;
    margin: 0 0.1rem;
    padding: 0 0.5rem;
} */