* 							{font-family: 'Inter', sans-serif;}
html,body 					{color: black; text-align: left;}

@media screen and (orientation: portrait)
{
	footer					{font-size: 10pt;}

	.appname 				{font-size: 16pt;}
	
	.heritagebranding50,
	.heritagebranding60,
	.heritagebranding		{width: 100%;}
	
	.heritageheading		{width: 100%; font-size: 10pt;}
	.heritagehomeimg		{margin-left: 15%; width: 70%; height: auto;}
	.homepagecontainer		{margin: 0px 10px 10px 10px;}
	.socialmedia			{text-align: left; padding-left: 10px;}
	.socialmediaimage		{height: 25px; width: auto;}
}

@media screen and (orientation: landscape)
{
	footer					{font-size: 12pt;}

	.appname 				{font-size: 20pt;}
	.heritageheading		{font-size: 13pt;}
	.heritagehomeimg		{margin-left: 20%; width: 60%; height: auto;}

	.heritagebranding50		{width: 50%; margin-left: 25%;}

	.heritagebranding60,
	.homepagecontainer60	{width: 60%; margin-left: 20%;}

	.heritagebranding		{width: 100%;}

	.socialmedia			{text-align: left; padding-left: 20px;}
	.socialmediaimage		{height: 37px; width: auto;}
}

footer 						{text-align: center; padding-bottom: 10px; background-color: black; color: white;}
footer a					{color: skyblue;}
footer p					{text-align: center; color: #F5B219; padding-top: 5px; margin-bottom: 4px;}

.amendable		   			{background: #FF6; color: black; font-weight: 600; border: none; width: 98%; text-align: center; font-size: 11pt;}
.amendableborder   			{background: #FF6; color: black; font-weight: 600; border: 2px solid black; width: 98%; text-align: center; font-size: 11pt;}
.amendableleft	   		 	{background: #FF6; color: black; font-weight: 600; width: 98%; text-align: left; font-size: 11pt;}
.appname	 				{font-weight: 900; text-align: center; margin-top: 5px;}
.heritagebrandinglogo		{width: 100%; padding-top: 3px;}
.heritageheading			{font-weight: bold; width: 100%; color: black; text-align: left;}
.heritageheadingnarrow		{font-weight: bold; color: black; text-align: left;}

.homepagecontainer,
.homepagecontainer60		{border: 2px solid black; margin-top: 5px;}