@media only screen and (max-width: 47.5em)
	{
	body .HideIfSmall
		{
		display:none;
		}
	}

@media only screen and (min-width: 47.5em)
	{
	body .HideIfLarge
		{
		display:none;
		}
	}

body
	{
    color: white;
	background-color:black;
	margin:0;
	text-align:center;
	display:inline-block;
	min-width: 100%;
		
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	}

h1, h2, .TextBoxTitle
	{
	font-weight:normal;
	}

h2, .TextBoxTitle
	{
	font-size: 2em;
	}

h3
	{
	font-size:1.5em;
	margin:0;
	}

subtitle
	{
	color: red;
	text-shadow: 0.025em 0.025em yellow;
	font-size: 2em;
	}
		
.TopRibbon
	{
	background-image: url("../Images/General/TopBanner2.jpg");
	background-size: cover;
	background-position: bottom;
	padding:1em;
	}

.Logo
	{
	width:100%;
	max-width:25em;
	display:block;
	margin:auto;
	}

.NavBar
	{
	background-color: hsl(45, 85%, 60%);
    margin: auto;
	}
.NavBar div, .NavBar a
	{
	display:inline-block;
	padding:1em;
		
	font-size: 1.25em;
	}
.NavBar a
	{
	background-color:hsl(45,85%,75%);
	color:black;
	text-decoration: none;
	}
.NavBar div,.NavBar a:hover
	{
	background-color:hsl(45,85%,25%);
	color:white;
	}

.Content
	{
	padding:0.5em;
	}

.TextBox
	{
	display:inline-block;
	vertical-align:top;
	}

.WorkerCard
	{
	display:inline-block;
	margin:0.5em;
	border:1px solid black;
	vertical-align: top;
	/*background-color:hsla(0,0%,25%,1.00);*/
	background-color:hsl(0,0%,75%);
	color:black;
		
	width:22em;
	}
.WorkerCard a
	{
	color:inherit;
	text-decoration: none;
	}

.WCTitle
	{
	font-size: 2em;
	}

.WCIO
	{
	font-size: 1.25em;
	}

.WCImage, .SAImage
	{
	border-top:1px solid black;
	background-color:hsl(0,0%,60%);
	}
.SAImage img
	{
	display:block;
	}
.WCImage iframe, .SAImage iframe
	{
	display:block;
		
  	width: 100%;
	}
.WCImageGrid
	{
	display: grid;
	width: 100%;
	}
.WCImageGrid div
	{
	background-repeat: no-repeat;
	background-position: center;
	}

.WCDataPoints
	{
	border-top:1px solid black;
	}
.WCDataPoints table
	{
	display:inline-table;
	margin:0.25em;
	}

.WCBlurb, .WCRoster
	{
	border-top:1px solid black;
	padding:0.5em;
	}
	
.WCRoster
	{
	border-top:1px solid black;
	}

.WCRoster table
	{
	border-collapse: collapse;
	margin:auto;
	background-color:hsla(0,0%,90%);
	}
	
.WCRoster th, .WCRoster td
	{
	border:1px solid black;
	padding:0.25em;
	}

.PriceRibbon
	{
	background-color: hsl(45, 85%, 60%);
	padding:0.25em;
	}

.PriceCard
	{
	background-color:hsl(45,85%,25%);
	color:white;
	display:inline-block;
	margin:0.25em;
	width:10em;
	padding: 0.25em;
	}
.PriceTitle
	{
	font-size: 1.25em;
	}

.BottomRibbon
	{
	background-image: url("../Images/General/BottomBanner.jpg");
	background-size: cover;
	background-position: center;
		
    padding: 0.5em;
    /*max-width: 47.5em;*/
	}

.Cartouche
	{
	display:inline-block;
    margin: 0.25em;
    vertical-align: top;
	border: 1px solid black;
	background-color:hsl(0,0%,75%);
	color:black;
	width:15em;
	}
.Cartouche h2
	{
	margin:0;
	font-size:1.5em;
	border-bottom: 1px solid black;
	}
.Cartouche a
	{
	/*color:hsl(45,85%,25%);*/
	color:darkred;
	}
.Cartouche a:hover
	{
	/*color:hsl(45,85%,75%);*/
	color:red;
	}

.PriceTitle, .WCTitle, h2, .NavBar, subtitle, h3, .TextBoxTitle
	{
	font-family: "Grenze", serif;
	font-weight: 400;
	font-style: normal;
	}

.OpeningTimes
	{
	margin:1em;
	}

.InfoBox
	{
	margin:1em;
	}