body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	min-height: 100vh;
	background: #fff url(../images/landscape-03.jpg) no-repeat center top fixed;
	-webkit-background-size: cover;
	background-size: cover;
}

body.background2 .container {
	height: calc(100vh - 6em);
	padding: 3em;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	
	/*-webkit-justify-content: center;
	-moz-justify-content:    center;
	-ms-justify-content:     center;
	justify-content:         center;*/
	
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.container h1, .container h2, .container h3, .container p, .container blockquote, .container li {
	font-family: 'Quicksand', sans-serif;
	color: white;
}

.container blockquote {
  background: rgba(255, 255, 255, 0.15);
  margin: 1em auto;
  padding: 2em;
  text-align: center;
  font-size: 1.8em;
}