html,body 					{font-family: Stag sans; color: #FFFFFF; text-align: left;}

@media screen and (orientation: portrait)
{
	h1						{font-size: 16pt;}
	h2						{font-size: 14pt;}
	.caslogo				{width: 35px; height: auto;}
	.heritagehomeimg		{margin-left: 15%; width: 70%; height: auto;}
	.homepage				{font-family: Georgia, serif; color: black; width: 100%; margin-top: 5px;}
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; text-align: center; padding-top: 6px; padding-bottom: 6px; width: 100%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.socialmedia			{text-align: left; padding-left: 10px;}
	.socialmediaimage		{height: 25px; width: auto;}
	.table80  				{width: 98%; margin-left: 1%;}
	.titlecentre 			{font-weight: bold; font-size: 11pt; text-align: center; margin-top: 0.3em; margin-bottom: 0.5em; width: 100%;}
}
	
@media screen and (orientation: landscape)
{
	h1						{font-size: 22pt;}
	h2						{font-size: 16pt;}
	.caslogo				{width: 35px; height: auto;}
	.heritagehomeimg		{margin-left: 20%; width: 60%; height: auto;}
	.homepage				{font-family: Georgia, serif; text-align: justify; color: black; margin-left: 10%; width: 80%; margin-top: 5px;}
	.searchcriteria			{margin-top: 5px;}
	.searchcriteriabox		{font-weight: bold; text-align: center; padding-top: 0.75em; margin-bottom: 0.1em; width: 60%; margin-left: 20%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.socialmedia			{text-align: left; padding-left: 20px;}
	.socialmediaimage		{height: 37px; width: auto;}
	.table80  				{width: 80%; margin-left: 10%;}
	.titlecentre 			{font-weight: bold; text-align: center; margin-bottom: 0.67em; width: 100%;}
}

footer 						{font-family: Stag sans; text-align: center; padding-bottom: 10px; background-color: black; color: white;}
footer a					{color: skyblue;}
footer p					{padding-top: 5px; margin-bottom: 4px;}
.button						{background-color: silver; padding: 5px 3px; color: black; font-size: 10pt; font-weight: normal; margin: 10px; border: 2px solid black; border-radius: 5px;}
.captcha					{margin-left: 5%; margin-right: 5%;}
.errortext 					{text-align: center; margin-bottom: 0.67em; font-size: 12pt; line-height: 14pt; color: red; font-weight: bold; padding-top: 10px;}
.input 						{font-weight: bold; text-align: left; font-size: 10pt;}
.submit 					{background-color: red; color: black; font-size: 12pt; font-weight: bold; padding: 5px 3px; margin: 10px; border: 2px solid black; border-radius: 5px;}
.table80					{font-family: Stag sans; color: black; display: inline-table; text-align: center; padding: 10px 0;}

/********************** Start of Heritage Branding Banner and Black Nave Bar ********************************/
.heritagebranding		{font-family: Stag sans; font-weight: bold; color: black; width: 100%; text-align: left;}
.heritagebrandinglogo	{width: 100%; padding-top: 3px;}
.heritageheading		{font-family: Stag sans; font-weight: bold; width: 100%; color: black; text-align: left;}
.navbar 				{position: -webkit-sticky; position: sticky; top: 0px; z-index: 20;}
.navbarcaslogo 			{float: left; padding: 1px 5px;}
.navbarmenudropbtn 		{display: inline-block; font-family: verdana,sans-serif; font-weight: bold; font-size: 1.2em; color: white; text-align: center; padding: 12px 5px; text-decoration: none; z-index: 20;}
ul.navbaritems 			{list-style-type: none; margin: 0; padding: 0; overflow-x: auto; overflow-y: auto; background-color: black;}
li a:hover, .navbarmenudropdown:hover .navbarmenudropbtn {background-color: black; color: #F5B219;}
li.navbarmenudropdown 	{display: inline-block;}
.navbarmenudropdown-content 		{display: none; position: absolute; top: 35px; left: 50px; background-color: #222222; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.navbarmenudropdown-content a 		{font-family: Stag sans; font-weight: bold; font-size: 14pt; display: block; padding: 5px 0px; margin: 10px; color: white; text-decoration: none; text-align: left;}
.navbarmenudropdown-content a:hover {background-color: black; color: #F5B219;}
.navbarmenudropdown:hover .navbarmenudropdown-content {display: block;}
/********************** End of Heritage Branding Banner and Black Nave Bar ********************************/