* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: "Yanone Kaffeesatz", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	list-style: none;
}
body {
	background: #4c0909;
}
.mobile-logo {
	display: none;
}

nav {
	text-align: right;
	max-width: 1634px;
	margin: 20px auto;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	text-decoration: none;
	color: #fff;
}

.players {
	text-align: left;
	max-width: 1634px;
	margin: 0 auto;
}

.players h2 {
	color: #fff;
	margin: 10px;
	font-size: 40px;
}
.players .sorting {
	margin: 10px;
	color: #fff;
}

.players .sorting button {
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border: #484848 solid 1px;
	margin: 2px;
	padding: 5px 10px;
	background: fixed #1f1f1f;
}
.players .sorting button.active {
	background: #4c0909;
}

.players ul li {
	position: relative;
	display: inline-block;
	width: 212px;
	background: #f9f9f9;
	background: #efefef;
	border: 1px solid #8b3838;
	margin: 10px;
	text-align: center;
	font-size: 0;
}

.players ul li:hover {
	background: #d7d7d7;
	background: #f9f9f9;
}

.players ul li .homegrown {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 40px;
	height: 45px;
	background: url(../images/m3.png) no-repeat center;
	background-size: cover;
}

.players ul li .name {
	text-transform: uppercase;
	font-size: 26px;
}
.players ul li .number {
	font-size: 28px;
	margin-bottom: 5px;
}

.players ul li .position {
	font-size: 15px;
	margin-top: 5px;
	color: #ccc;
}

.players ul li .position::first-letter {
	font-size: 0;
}

.players ul li img {
	width: 100%;
}
.card-info {
	background: #1f1f1f;
	color: #fff;
	padding: 10px;

	border-top: 1px solid #8b3838;
}
.ig-logo {
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	right: 10px;
	top: 185px;
}

.ig-logo svg {
	width: 100%;
}