.show-hidden {
	display: block !important;
    visibility: visible;
}

.button:hover {
	color: grey;
	background: white;
}

/* Comment out font size changes for already-defined font-size: clamp

@media screen and (max-width: 1700px) {
	#about-text {
		font-size: 18px;
	}
}

@media screen and (max-width: 1500px) {
	#about-text {
		font-size: 17px;
	}
}
*/
@media screen and (max-width: 1300px) {
	#badges-inner-label {

		display: none;

	}
	#badges-inner-label-small {

		display: block;

	}/*
	#about-text {
		font-size: 16px;
	}
	#game-information-box {
		font-size: 18px;
	}
	.bar-label {
		font-size: 15px;
	}*/
}
/*
@media screen and (max-width: 1200px) {
	#about-text {
		font-size: 14px;
	}
	h2 {
		font-size: 24px;
	}
	.team-text-container {
		font-size: 18px;
	}
	#tab-1 > h3, #tab-2 > h3 {
		font-size: 16px;
	}
	#game-information-box {
		font-size: 16px;
	}
	.bar-label {
		font-size: 13px;
	}
}
*/
@media screen and (max-width: 1000px) {
	/*
	#about-text {
		font-size: 13px;
	}*/
	#sidebar-content-container-4-content{
		width: 500px;
	}
	/*
	.publication-list-content-text {
		font-size: 16px;
	}
	h2 {
		font-size: 22px;
	}
	.team-text-container {
		font-size: 16px;
	}
	#tab-1 > h3, #tab-2 > h3 {
		font-size: 14px;
	}
	#game-information-box {
		font-size: 14px;
	}
	.bar-label {
		font-size: 11px;
	}
	.items-list-container {
		font-size: 12px;
	}*/
	.analytics {
		width: 100%;
	}

	#leaderboard {
		position: relative;
		width: 100%;
	}

}
/*
@media screen and (max-width: 800px) {
	h1 {
		font-size: 35px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 16px;
	}
	#about-text {
		font-size: 11px;
	}
	.team-text-container {
		font-size: 15px;
	}
	#tab-1 > h3, #tab-2 > h3 {
		font-size: 12px;
	}
	#game-information-box {
		font-size: 12px;
	}
	.bar-label {
		font-size: 10px;
	}
}*/

@media screen and (max-height: 700px) {
	.analytics {
		width: 100%;
	}

	#leaderboard {
		position: relative;
		width: 100%;
	}
}