body {
			background-color: white;
			font-size: 18px;
			margin-bottom: 200px;
			}
	
	h1{
		vertical-align: top;
		}
	
	img.HeaderLogo{
		margin: 19px;
		width: 18%;
		}

	img.HazardImage{
		width: 50%;
		border-style: solid;
		border-width:20px;
		}

	div.xaHeader{
		color: white;
		background:  black;
		margin: 0px;
		margin-bottom: 20px;
		padding: 10px;
		}

	div.HazardRow{
		color: black;
		border-style: solid;
		border-width: 2px;
		background:lightgrey;
		padding: 4px;
		margin: 60px;
		}

	div.TopicIDBlock{
		color: #ffde00;
		margin: auto;
		border-style: solid;
		border-width: 8px;
		background:black;
		padding: 15px;
		text-align: center;
		width: 50%;
		}

	div.PageFooter{
		position: fixed;
		bottom: 0px;
		left:0px;
		color: #ffde00;
		margin: auto;
		margin-top: 75px;
		border-style: solid;
		border-width: 0px;
		background:black;
		padding: 15px;
		width: 100%;
	}
	.TopicIDBlock a:link{
		color: #ffde00;
		}
	.TopicIDBlock a:visited{
		color: #ffde00;
		}

	.TopicForm input, select, button {
		font-size: 20pt;
		}

	div.RadioGroup{
		border-style: solid;
		border-width: 8px;
	
	}

	@media only screen and (max-width: 1000px) {

		body {
			background-color: white;
			font-size: 60px;
			margin-bottom: 800px;
			padding-bottom:800px;
			}

		div.HazardRow{
			font-size: 45px;
			width:92%;
			color: black;
			border-style: solid;
			border-width: 4px;
			border-radius: 20px;
			background: #ffde00;
			padding: 8px;
			margin: 8px auto 20px;
			}

		img.HazardImage{
			width: 80%;
			border-style: solid;
			border-width:14px;
			}

		.TopicForm input, select, button, input[type="text"], input[type="submit"] , input[type="radio"]{
			font-size: 60pt;
			}

		select.TopicForm {
			width: 65%;
			}

		.TopicForm input[type="radio"]{
			width: 140px;
			height: 140px;
			}

		}