/*
#FFCC00 is app yellow color
#383838 is app black 
*/
header {
	padding: 10px;
	background-color: #FFCC00;
	overflow: visible;
}
.visibleTitle {
	color: #383838;
	padding: 0 10px;
	font-family: helvetica, sans-serif;
	font-size: 1.7em;
}
.feedbackform {
	margin: 5px;
	/*border: 1px solid blue*/
}
.form-row {
	margin: 5px;
	/*border: 1px solid black*/
}

button {
	font-size: 1.2em;
	background-color: #383838;
	color: white;
}
.errorMessage {
	background-color: red;
	color: white;
	margin: 0 5px;
}
.sentMessage {
	background-color: #383838;
	color: white;
	margin: 0 5px;
}
h2 {
	color: #383838;
	font-family: helvetica, sans-serif;
	font-size: 1.2em;
}

input, textarea { /* This seems to make text inputs and text area line up */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

input, textarea {
		font-size: 16px; /* If less then may zoom when enter text on iphone */
		width: 100%;
}
input {
	max-width: 400px;
}
nav.navigation {
    background-color: #383838;
    width: 100%
}
ul.navigation {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	font-family: helvetica, sans-serif;
	font-size: .8em;
}
a.navigation:hover {
	    color: #FFFFFF;
}
a.navigation {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFCC00;
    background-color: #383838;
    text-align: center;
    padding: 4px;
    text-decoration: none;
}
li.navigation {
	float: left;
}

footer {
	font-size: .7em;
}