*
	{
	/*Fifth I like to define the font stuff*/
	line-height: 1.5em;

	}





#footer, #header
	{
	display:inline-block; 
	color: var(--dontknow);
	background: var(--main-background);
	/*font-size: 1.5em;
	text-transform:uppercase;*/
	width: 100%;
	z-index: 9999;
	/*height: 20em;*/
	}


div.actionbuttons a, div.actionbuttons input
	{
	width: calc(33.33% - 3px);
	}


h1
	{
	clear: both;
	margin-top: 2em;
	}


input
	{
	display: inline;
	padding: 0 0 0 0.2em;                    /*Defines the space to be left before the border*/
	border: 1px solid black;       /*Defines the border*/
	border-radius: 0.1em;        /*Makes rounded corners if you want them*/
	margin: 0 0 0 2em;     /*Defines the space to be left before the edge*/
	line-height: 1.5em;
font-size:1.2em;
	/*width: 200px;                  The image will be scaled to a width of 200px*/
	}


#PageBox { padding: 4em 6em 6em 6em; }


/******************************************************************************
* Media Queries
*
* When the width of the browser changes significantly than changes of style 
* are overlaid to handle it.
*/


@media all and (max-width: 1536px) /*When the width is less than or equal to 1536px*/
	{
	#TopMenuBox
		{
		padding: 0em 0em 0em 0em; 
		margin: 0em 0em 0em 0em;
		width: 100vw;
		font-size:1.1em;
		/*border: 4px solid cyan;*/
		}
	.TextBox1 {margin: 5em 0em 1em 3em;}
	.MyLinkButton a {margin: 0em 0em 0em 0em;padding: 0em 0em 0em 0em;}

	#PageBox { padding: 0em 2em 6em 2em; }

	}