body {
   font-family: Arial;
	font-size: 14px;
}

h1 {
   font-size: 15px;
   margin-top: 30px;
}

a {
   text-decoration: none;
}

.portrait, .landscape {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
}

@media (orientation: landscape) {
	.landscape {
		background-size: cover;
	}
}

@media( orientation: portrait) {
	.portrait {
		background-size: cover;
	}
}
		form div.photos {
			overflow: hidden;
		}
			form div.photos > div {
				float: right;
				height: 100px;
				width: 100px;
			}
			form div.photos > div.uploading {
				border: 1px #ccc solid;
			}
			form div.photos > div.uploaded {
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}
				form div.photos > div.uploading span.progress {
					background: white;
					border-radius: 2px;
					/* display: block; */
					height: 10px;
					margin: 40px 5px;
					overflow: hidden;
				}
					form div.photos > div.uploading span.progress span {
						background: #999;
						/* display: block; */
						height: 100%;
					}