/** Section with main content **/
.about {
	margin: 40px auto 40px auto;
	padding: 40px 0;
	background: linear-gradient(#3292E7, #70D8FF) fixed;
    	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);
	width: 80%;
}
.about .container {
	width: 80%;
	margin: auto;
}
.about h1 {
	color: #FFF;
	text-align: center;
	margin-top: 0;
}
.about p {
	color: #000;
	text-align: center;
	font-size: 16px;
}
.about a {
	color: #000;
	text-decoration: none;
	font-size: 16px;
}

/** Section about server advantages **/
.advantages {
	margin: 40px auto 40px auto;
	padding: 40px 0;
	background: linear-gradient(#3292E7, #70D8FF) fixed;
    	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);
	width: 80%;
}
.advantages .container {
	width: 80%;
	margin: auto;
}
.advantages h1 {
	color: #FFF;
	text-align: center;
	margin-top: 0;
}
.advantages ul  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
 	padding: 0;
}
.advantages li {
	list-style: none;
	width: 40%;
	margin: 5px;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFF;
	text-align: center;
}
.advantages li i {
	font-size: 60px;
	margin-top: 20px;
}

/** Section with our team **/
.team {
	width: 80%;
	margin: 40px auto 40px auto;
	padding: 40px 0;
	background: linear-gradient(#3292E7, #70D8FF) fixed;
    	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.5);
}
.team .container {
	width: 80%;
	margin: auto;
}
.team h1 {
	color: #FFF;
	text-align: center;
	margin-top: 0;
}
.team ul  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
 	padding: 0;
}
.team li {
	list-style: none;
	margin: 15px;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #FFF;
	text-align: center;
}
.team li img {
	border: 3px #A4A4A4 solid;
	border-radius: 50%;
	width: 95%;
	margin-top: 20px;
}

.team ul li div.rank {
 	padding: 12px;
}
.team div#owner {
	background: #6A0888;
}
.team div#administrator {
	background: #8A0808;
}
.team div#developer {
	background: #DF0101;
}
.team div#moderator {
	background: #088A08;
}
.team div#helper {
	background: #08298A;
}
.team div#builder {
	background: #AEB404;
}
.team div#artist {
	background: #DBA901;
}

/** Responsive for all devices **/
@media(max-width: 768px) {
	.advantages li {
		width: 60%;
		padding: 40px;
	}
}