body {
  font-family: Arial, sans-serif;
}

.logostyle {
  color:#FFD700;
  font-size:2.5rem;
  margin:1rem;
  text-decoration: underline;
}

.flagred {
  color:rgb(191,10,48);
}

.flagblue {
  color:rgb(0,40,104);
}

h1 {
  font-size:1.5rem;
  margin-top:.5rem;
  margin-top:.5rem;
  margin-left:0;
  margin-right:0;
  font-weight:bold;
}

h2 {
  font-size:1.2rem;
  margin-top:.5rem;
  margin-bottom:.5rem;
  margin-left:0;
  margin-right:0;
  font-weight:bold;
}

article {
  max-width:42rem;
  margin:1rem;
  font-size:1.2rem;
  line-height:1.6;
}

aside {
  max-width:36rem;
  margin:1rem;
  font-size:1.2rem;
  line-height:1.6;
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content:space-between;*/
}

figure {
  margin-top:1rem;
  margin-bottom:3rem;
  margin-left:0;
  margin-right:0;
  width:100%;
}

.proposal {
  margin-top:1rem;
  margin-bottom:3rem;
  margin-left:0;
  margin-right:0;
  border-radius: 1.5rem;
  background: #FFFFD2;
  font-size:1.2rem;
  padding: .6rem 1.4rem .6rem 1.4rem
}

.quote {
  margin-top:3rem;
  margin-bottom:3rem;
  margin-left:.5rem;
  margin-right:.5rem;
  border-radius: 1.5rem;
  background: #FFFFD2;
  font-size:1rem;
  font-style: italic;
  padding: 1rem 1.4rem 1rem 1.4rem
}

.attribution {
  font-style: normal;
  text-align: right;
  padding: 0rem 1rem 0rem 0rem
}

.footnote {
  margin-top:2rem;
  font-size:.8rem;
}

a {
  color: #4B7F16;
  text-decoration: none;
}

input {
  font-size:1.2rem;
}

select {
  background-color:#FFFFFF;  /* The change in the background color forces the dropdown to redraw causing it to use the font size below.  Otherwise the font is ignored.  Unfortunately it also changes the button styling. */
  font-size:1.2rem;
}

/*a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	}*/

/*Begin added nav bar.*/

.flex-container {
  display: flex;
  flex-flow: row wrap-reverse;
  justify-content:space-evenly;
}

.navbar {
  overflow: hidden;		/* display: flow-root lacks widespread support */
  background-color: #4B7F16; /* #008F00 #59981A #3D550C #81B622 #00A95C */
  font-size: 1.2rem;
}

.navbar a {
  float: left;
  color: white;
  text-align: center;
  padding: .5rem 1rem;
  text-decoration: none;
  font-size: inherit;
}

.dropdown {
  float: left;
  overflow: hidden;		/* display: flow-root lacks widespread support */
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;
  padding: .5rem 1rem;
  background-color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #81B622; /* #2D4D0D */
}

.mediaButton {
  float:right;
}

.mediaButton:hover {
  background-color: inherit;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #F5F5F5; /* EFEFEF F5F5F5 #E6E6E6 #f9f9f9 */
  min-width: 10rem;
  box-shadow: 0rem .5rem 1rem 0rem rgba(0,0,0,0.2);
  z-index: 1;		/* Makes sure the dropdown appears on top */
}

.dropdown-content a {
  float: none;		/* Overrides the float setting from .navbar a */
  color: black;
  padding: .75rem 1rem;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*End added nav bar.*/