/* 100players */

@media screen and (orientation: portrait)
{
	.appearancesummary 	{width: 50px; font-size: 1em; padding: 10px 10px;}
	.appearancesummary:hover	{color: #F3B02E; background-color: black; }
	.backroom	 		{width: auto; height: 65px;}
	.backto				{font-size: 1em;}

	.h1,
	h1.shirtpageheading,
	h1.profilepageheading	{font-size: 2em;}

	h2					{font-size: 1em; margin: 5px 0px;}
	h2.positionheading	{position: -webkit-sticky; position: sticky; top: 40px; font-size: 1.5em; background-color: #F3B02E;}
	.h3 				{font-size: 1em;}
	.halloffamer		{width: 96%; height: auto; text-align: center;}
	.hr					{border: 1px solid black;}
	.backcolourplayer	{padding-top: 3px; padding-bottom: 2px; font-size: 0.8em;}

	.mugshot 			{width: 50px; height: auto;}
	.positions 			{width: 80px; font-size: 0.8em; padding-top: 15px;}
	.positions6			{width: 80px; font-size: 0.8em; padding-top: 15px; padding-bottom: 30px; padding-right: 20px;}
	.positions7			{width: 80px; font-size: 0.8em; padding-top: 15px; padding-top: 60px; padding-left: 20px;}

	.shirt	 			{width: auto; height: 49px;}
}	
	
@media screen and (orientation: landscape)
{
	.appearancesummary 	{width: 100px; font-size: 1em; padding: 20px 50px;}
	.appearancesummary:hover	{color: #F3B02E; background-color: black; padding: 20px 50px;}
	.backroom 			{width: auto; height: 131px;}
	.backto				{font-size: 2em;}

	.h1,
	h1.shirtpageheading,
	h1.profilepageheading	{font-size: 4em;}

	h2					{font-size: 1em; margin: 5px 0px;}
	h2.positionheading 	{position: -webkit-sticky; position: sticky; top: 40px; font-size: 3em; background-color: #F3B02E;}
	.h3 				{font-size: 2em;}
	.halloffamer		{width: 700px; height: auto;}
	.hr					{border: 2px solid black;}
	.backcolourplayer	{padding-top: 3px; padding-bottom: 2px; font-size: 0.8em;}

	.mugshot 			{width: 100px; height: auto;}
	.positions 			{width: 200px; font-size: 1em; padding-top: 20px;}
	.positions6 		{width: 200px; font-size: 1em; padding-top: 20px; padding-bottom: 30px; padding-right: 30px;}
	.positions7 		{width: 200px; font-size: 1em; padding-top: 20px; padding-top: 60px; padding-left: 30px;}
	.shirt	 			{width: auto; height: 98px;}
}

a						{font-weight: bold; color: black; text-decoration: none; text-align: center;}
img						{vertical-align: middle;}
.backto					{color: blue; padding: 0px 10px; text-decoration: none;}
.backto:hover			{background-color: black; color: #F3B02E; padding: 0px 10px;}
.halloffamer			{border: 5px solid black;}

.h1,
h1.shirtpageheading, 
h1.profilepageheading,
h2.positionheading,
.h3						{font-weight: 900; background-color: #F3B02E; margin: 1px;}

.positions				{padding-left: 4px; padding-right: 4px;}
.startshirtnumbers		{background-color: #F3B02E; text-align: center; width: 100%;}
.styleicons				{display: flex; width: 100%; text-align: center; align-content: center; justify-content: center;}