html, body { margin:0; padding:0; color:#333; background-color:#FFF; font-family:"Source Sans Pro",Helvetica,Arial,sans-serif; font-size:13px; }
header { color:#FFF; background-color:#DF1B3B; }
header a, footer a { color:#FFF; text-decoration:none; }
header h1, header h2, header h3 { height:65px; line-height:65px; margin:0 1rem; padding:0; font-size:14px; }
header h1 { float:right; }
header h2, header h3 { float:left; }
header img { display:inline-block; height:28px; vertical-align:middle; padding-right:20px; }
header p { clear:both; margin:0; padding:0 1rem; text-align:right; }
header nav { clear:both; }
header nav ul { display:flex; margin:-1rem 0 0 0; padding:0 0 0 1rem; }
header nav li { display:block; margin:0; padding:0 2rem 0 0; }
article { margin:0; padding:2rem 1rem; }
article > h1 { margin:0 0 1rem 0; padding:0; }
footer { color:#FFF; background-color:#DF1B3B; }
footer h2 { text-transform:uppercase; margin:0; padding: 2rem 1rem; text-align:center; }
.input-area input[type=text],.input-area input[type=password] { width:100%; }
.input-area select { width:100%; }
article.login { max-width:40rem; margin:2rem auto;  }

#form-ow4j3y6n { display:flex; align-items:end; }
#form-ow4j3y6n .form-list { display:flex; flex-wrap:wrap; align-items:center; }
#form-ow4j3y6n .form-control { padding:1rem; }
#photos-list { display:flex; flex-wrap:wrap; align-items:center; text-align:center; font-size:12px; }
#photos-list figure { margin:10px; padding:10px; border:1px solid #888; border-radius:10px; width:230px; }
#photos-list p { margin:0.5em; padding:0; }
#photos-list .date { width:10em; padding-right:2em; }
#photos-list .review { display:flex; margin:0; padding:0; }
#photos-list .review label { flex:1; font-size:9px; }

#list-update { text-align:center; }