.subheadline {
	margin-bottom: 0;
}

.achievements, #images, #videos, .posts, #statistics, #emblems, #species {
	background-color: #282828;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
}

.hidden_container {
	display: none;
}

.achievements .flexbox, #species .flexbox {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

.achievements .achievement {
	font-size: 1.05em;
	width: 290px;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	color: black;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */
	background: #e2e2e2; /* Old browsers */
	background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.achievements .achievement.unique {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
}

.achievements .achievement .title {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: bold;
}

.achievements .achievement .percent {
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 0.8em;
}

#videos #video_flexbox {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}

#progressbar_container {
	margin: 17px 0 12px 0;
	width: 100%;
	padding: 5px;
	background-color: #aaa;
	border-radius: 20px;
}

#progressbar_container #progressbar {
	text-align: center;
	padding-top: 2px;
	height: 20px;
	background-color: #ddd;
	border-radius: 10px;
	color: black;
}

#top_bar {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

#top_bar button {
	margin-left: auto;
	margin-bottom: 10px;
}

.cover {
	height: 25vw;
	margin: -10px -10px 10px -10px;
	overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cover img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.user_info {
	height: 52px;
	margin-bottom: -52px;
	position: relative;
	top: -93px;
	left: -5px;
}

.avatar {
	border: 1px solid black;
	width: 75px;
	height: 75px;
	position: relative;
	top: 3px;
}

.name {
	display: inline-block;
	position: relative;
	left: -40px;
	top: -5px;
	margin-left: 10px;
	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000;
    font-size: 1.5em;
}

.buttons {
	text-align: right;
	width: 100%;
}

.post {
	background-color: #282828;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	margin-top: 5px;
}

.post_headline {
	padding: 10px;
	background-color: #494949;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.message {
	background-color: #282828;
	padding: 10px 10px 10px 30px;
	word-wrap: break-word;
}

#statistics ul {
	list-style-type: none;
	margin: 10px 0 0 15px;
}

#statistics ul li {
	margin-bottom: 5px;
}

#emblems ul {
	list-style-type: none;
	margin-left: 10px;
}

#emblems ul li img {
	margin-right: 5px;
}

#emblems ul li .rockstar_icon {
	margin-right: 2px;
}

.rockstar_icon_big {
	width: 35px;
	position: relative;
	left: -33px;
	top: 9px;
}

#species .species_box {
	margin-top: 10px;
	margin-bottom: 10px;
}

#species .species_box img {
	height: 150px;
}

#species .species_box .species_name {
	text-align: center;
}

#button_pm {
	position: relative;
}