html,body 				{font-family: 'Inter', sans-serif; color: #FFFFFF; text-align: center;}

@media screen and (orientation: portrait)
{
	h1						{font-size: 1em;}
	.advert					{width: 100%; font-size: 1.1em;}
	.day 					{font-size: 0.9em; padding-right: 3px;}
	.gray					{font-size: 0.9em; padding-right: 3px;}
	.heritagebranding		{width: 100%;}
	.heritagenav-content	{min-width: 300px;}
	.heritagenav .links 	{padding-left: 5px; vertical-align: top; font-size: 14pt;}
	.homepage				{font-family: 'Inter', sans-serif; color: black; margin-top: 5px;}
	.imagecentre			{margin-top: 5px;}
	.socialmedia			{text-align: left; padding-left: 10px;}
	.socialmediaimage		{height: 25px; width: auto;}
	.thisperiod				{font-size: 1.2em; display: inline-block; width: 100%; text-align: center;}
	.twtwtw					{width: 100%;}
	.weekdropbtn 			{font-family: 'Inter', sans-serif; font-weight: bold; color: #FFFFFF; font-size: 0.9em; padding-right: 3px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
	.weekdropbtn:hover 		{font-family: 'Inter', sans-serif; font-weight: bold; color: #F5B219; font-size: 0.9em; padding-right: 3px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
	.weekdropdown-content	{min-width: 250px; overflow-y: auto; height: 300px;}
	.weekdropdown-content a:hover {color: #F5B219; font-size: 0.9em;} /* Change color of dropdown links on hover */
}
	
@media screen and (orientation: landscape)
{
	h1						{font-size: 1.5em;}
	.advert					{width: 50%; margin-left: 25%; font-size: 1.4em;}
	.day 					{font-size: 1.2em; padding-right: 6px;}
	.gray					{font-size: 1.2em; padding-right: 6px;}
	.heritagebranding		{width: 50%; margin-left: 25%;}
	.heritagenav-content	{min-width: 300px;}
	.heritagenav .links 	{padding-left: 2px; vertical-align: top; font-size: 14pt;}
	.homepage				{font-family: 'Inter', sans-serif; color: black; margin-left: 5%; width: 90%; margin-top: 5px;}
	.imagecentre			{margin-top: 5px;}
	.socialmedia			{text-align: left; padding-left: 20px;}
	.socialmediaimage		{height: 37px; width: auto;}
	.thisperiod				{font-size: 1.3em; margin-left: 25%; width: 50%; text-align: center;}
	.twtwtw					{right: 25%; width: 50%;}
	.weekdropdown-content	 {min-width: 300px; overflow-y: auto; height: 400px;}
	.weekdropdown-content a:hover {color: #F5B219; font-size: 1.2em;} /* Change color of dropdown links on hover */
	.weekdropbtn 			{font-family: 'Inter', sans-serif; font-weight: bold; color: #FFFFFF; font-size: 1.2em; padding-right: 6px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
	.weekdropbtn:hover 		{font-family: 'Inter', sans-serif; font-weight: bold; color: #F5B219; font-size: 1.2em; padding-right: 6px; background-color: black; border: none; cursor: pointer;} /* Style the dropdown button */
}
/********************** Start of Heritage Branding Banner and Black Nav Bar *******************************/
.heritagebrandinglogo	{width: 100%; padding-top: 3px;}
.heritageheading		{font-family: 'Inter', sans-serif; font-weight: bold; width: 100%; color: black; display: block; text-align: left;}
.heritagenav 			{font-size: 1.1em; font-weight: bold; position: sticky; top: 0px; background-color: black; float: left;}
.heritagenav-content	{display: none; position: absolute; top: 20px; left: 10px; background-color: #222222; color: #FFFFFF; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.heritagenav-content a 	{color: black; padding: 5px 0px; margin: 10px; text-decoration: none; display: block; text-align: left;}
.heritagenav-content a.splitleft 	{padding-left: 5px; float: left;}
.heritagenav:hover .heritagenav-content {display: block;}
.navbarmenudropbtn	{font-weight: bold; font-size: 16pt; color: white; padding: 0px 5px; vertical-align: top;}
/********************** End of Heritage Branding Banner and Black Nav Bar *********************************/
/********************** Start of Week by Week Navigation Links ********************************************/
.nav 				{font-family: 'Inter', sans-serif; font-size: 1em; font-weight: bold; position: sticky; top: 0px; width: 100%; background-color: black; color: #FFCC00; text-align: right;}
.nav .gray			{font-family: Stag sans; font-weight: bold; color: gray;}
.heritagenav .gray	{color: gray;}
.nav a:link 		{font-family: 'Inter', sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.nav a:visited 		{font-family: 'Inter', sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.nav a:hover 		{font-family: 'Inter', sans-serif; font-weight: bold; background-color: black; color: #F5B219;}
.nav a:active		{font-family: 'Inter', sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.thisperiod			{font-family: 'Inter', sans-serif; color: #FFCC00;}
.weekdropdown 		{font-family: 'Inter', sans-serif; font-size: 1em; position: sticky; top: 0px; padding: 2px 0px; text-align: right;}
.weekdropdown-content {display: none; font-size: 0.9em; position: absolute; right: 0; text-align: left;} /* Dropdown content */
.weekdropdown-content a {padding: 3px 16px; text-decoration: none; display: block; background-color: #222222;} /* Links inside dropdown content */
.weekdropdown-content span {padding: 5px 16px; text-decoration: none; display: block;} /* Links inside dropdown content */
.weekdropdown:hover .weekdropdown-content {display: block; background-color: #222222; color: #F5B219;} /* Show the dropdown content on hover */
/********************** End of Week by Week Navigation Links ********************************************/
footer 				{font-family: 'Inter', sans-serif; text-align: center; padding-bottom: 10px; background-color: black; color: white;}
footer a			{color: skyblue;}
footer p			{padding-top: 5px; margin-bottom: 4px;}
.advert				{font-family: 'Inter', sans-serif; background-color: red; color: white; font-weight: bold; margin-bottom: 5px;}
.caslogo			{width: 35px; height: auto;}