html, body {
			height: 100%;
		}
		body {
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		h1 { margin: 0px; text-align: center; }
		h6 { font-weight: normal; text-align: center; font-style: italic; opacity: 0.25; margin: 0px;}
		a { text-decoration: underline; color: inherit; }
		a:hover { text-decoration: none; }
		
		.flex-container {
			height: 100%;
			padding: 0;
			margin: 0;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.row {
			width: auto;
			width: auto;
			max-width: 500px;
		}
		.flex-item {
			background-color: tomato;
			padding: 5px;
			width: 20px;
			height: 20px;
			margin: 10px;
			line-height: 20px;
			color: white;
			font-weight: bold;
			font-size: 2em;
			text-align: center;
		}   
		blockquote {
			font-style: italic;
			position: relative;
			padding: 1rem 2rem;
			text-align: center;
			line-height: 1.25em;
			word-spacing: 0.05em;
		}
		blockquote:before, blockquote:after {
			opacity: 0.25;
			font-family: Arial;
			font-size: 4em;
			line-height: 0;
			position: absolute;
		}
		blockquote:before {
			content: "“";
			left: 0;
			top: 0.5em;
		}
		blockquote:after {
			content: "”";
			bottom: 0;
			right: 0.25em;
		}