body {font-family: 'Open Sans', sans-serif;padding: 0;margin:0;}
#flag {width: 100%;margin: 5% auto 0 auto;/*max-width: 1500px;*/}
a {color:#0739b9;text-decoration:none;font-weight: 600;}
h1 {font-size: 1.6em;}
#logo {display:inline-block;vertical-align: middle;width:33%;text-align: center;}
#logo.us {display:block;vertical-align: middle;width:100%;text-align: center;}
div.subhead.desktop {display:block;margin: 0 20%;}
div.subhead.mobile {display:none;}
#menu.us {text-align: right;margin:0 2%;}
#menu {display:inline-block;vertical-align: middle;width:33%;text-align: center;}
#menu.mobile {display:none;}
#menu ul {list-style: none;}
#menu li {margin-left:20px;}
#center {display:inline-block;width:33%;vertical-align: middle;}
#center.us {width:25%;}
#star {max-width:100%;height: 414px;background-image:url('images/star.png');background-size: contain;margin: 40px auto;background-repeat: no-repeat;background-position: center;}
#blue_bar_1, #blue_bar_2 {position:relative;background: #3333cc;height: 170px; width:100%;white-space: nowrap;overflow: hidden;}
#blue_bar_1_tone, #blue_bar_2_tone {position:absolute;top:0;left:0;background: rgba(51,51,204,0.6);height: 170px; width:100%;}
#blue_bar_1 img, #blue_bar_2 img {margin:10px 10px 10px 0;}
#content {width: 80%;max-width: 1000px;margin: 5% auto 0 auto;}
div#nomform {padding:20px;background:#eee;}
div.column {display:inline-block;width:20%;margin:0 2%;vertical-align:top;}
div.fullCol {width:96%;margin:0 auto;}
p.notice {font-weight:300;color:#666;}
div.left {display:inline-block;width:25%;margin-right:5%;vertical-align: top;}
div.right {display:inline-block;width:70%;margin-top: 1.6em;}
.field {margin: 1em 0;}
div#subhead.mobile {display:none;}
div#subhead.desktop {display:block;}

label {
  display: block;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

input {
  width: 100%;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
  box-sizing : border-box;
}

textarea {
  width: 100%;
  height: 200px;
  padding: 0.5em 0.5em;
  font-size: 1.2em;
  border-radius: 3px;
  border: 1px solid #D9D9D9;
}

button {
  display: inline-block;
  border-radius: 3px;
  border: none;
  font-size: 0.9rem;
  padding: 0.5rem 0.8em;
  background: #69c773;
  border-bottom: 1px solid #498b50;
  color: white;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  margin: 0;
  width: 100%;
  text-align: center;
}

button:hover, button:focus {
  opacity: 0.75;
  cursor: pointer;
}

button:active {
  opacity: 1;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

@media screen and (max-width:800px) {
	#flag {width: 100%;}
	div#blue_bar_1, div#blue_bar_2 {height:80px;}
	div#blue_bar_1 img, div#blue_bar_2 img {display:none;}
	#star {height: 200px;}
	div.subhead.mobile {display:block;margin: 0 0;text-align:center;}
	div.subhead.desktop {display:none;}
	#menu {width:100%;text-align: center;}
	#menu.mobile {display:block;}
	#menu.desktop {display:none;}
	#menu ul {list-style: none;padding: 0;}
	#menu li {display:inline;margin-left:10px;}
	div.left {display:block;width:100%;margin-right:0%;vertical-align: top;}
	div.right {display:iblock;width:100%;margin-top: 1.6em;}
	#content {width: 100%;}
}