body {
	background: #bb0033;
	color: #eedd00;
	font-family: Futura, sans-serif;	
}

/* this starts the top-floating menu bar */

ul {
	list-style-type: none;
 	 position: -webkit-sticky; /* Safari */
 	 position: sticky;
 	 top: 0;
}

li {
  	display: inline;
}

/* end of top-floating menu bar */


summary::-webkit-details-marker {
	display: none
}

a:link    { color: #ffff00; text-decoration: none; }   						/* unvisited links */
a:visited { color: #ff0000; text-decoration: none; } 						/* visited links   */
a:hover   { color: #3333ff; text-decoration: none; text-transform: uppercase; } 		/* user hovers     */
a:active  { color: #ffffaa; text-decoration: none; }   						/* active links    */

header {
	text-align: right;
}

h1 {
	font: 100%;
}

h2 {
	font: 100%;
}


nav {
	/* float: left; */
	/* margin: 50px; */
	
}


section {
	display: flex;
	align-items: center;
  	justify-content: space-between;
	flex-wrap: wrap;
	min-height: 33vw; 


}


figure {
	flex: 1 100px;
	flex-wrap: wrap;

}

figure:nth-of-type(3) {
	flex: 2 100px;

}



footer {
	border-top: solid 1px;
	text-align: left;
	clear: both;

}