body {
	background-color: #002;
	font-size:  16px;
	font-family: Montserrat, "Open Sans", OpenSans, Arial, Helvetica, sans-serif;
	color: #ccf2ff;
}

main{
	background-color:  #002;
	max-width: 60em;
	margin: 0em auto;
	padding:  2em;
}

footer {
	max-width: 60rem;
	margin: 0em auto;
	padding:  2em;
	font-size:  0.8em;
	clear:  both;
}

figure.right, figure.right img {
	display:  block;
	float:  right;
}

H1, H2, H3 {
	display: block;
	clear: left;
}


UL.buttons {
	display:  block;
	clear:  both;
	margin:  1.4em auto;
	list-style-type: none;
}

UL.buttons LI {
	display: inline-block;
	float:  left;
	margin:  0;
	padding:  0;
}

UL.buttons LI A {
	display:  inline-block;
	color:  #ccf2ff;
	text-decoration: none;
	background-color: darkblue;
	border: 5px inset lightcyan;
	margin:  0em 0.5em;
	padding:  0.5em;
}

UL.buttons LI A:hover, UL.buttons LI A:active {
	display:  inline-block;
	color:  #000;
	text-decoration: none;
	background-color: darkorange;
	border: 5px inset orangered;
	margin:  0em 0.5em;
	padding:  0.5em;
}

form, fieldset {
	max-width:  30em;
}

input.agree {
	background-color: green;
	color: white;
	size:  1.2em;
	font-weight:  bold;
	padding:  0.5em;
	margin: 1em;
}

input.decline {
	background-color: red;
	color:  yellow;
	font-weight:  bold;
	size:  1.2em;
	padding:  0.5em;
	margin:  1em;
}


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

figure, img, svg {
	max-width: 95%;
}

}