body {
	margin: 0px;
}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

h1 {
	font-family: Monaco, Trebuchet MS;
	font-size: 4em;
	margin-top: 8px;
	margin-left: 38px;
	margin-bottom: 2px;
	text-align: left;
	/*border-radius: 4px;
	border: 1px solid #8E8E93;
	width: 400px;
	text-align: center;
	-moz-box-shadow: 4px 4px 5px #888888;
	-ms-box-shadow: 4px 4px 5px #888888;
	-webkit-box-shadow: 4px 4px 5px #888888;
	-o-box-shadow: 4px 4px 5px #888888;
	box-shadow: 1px 1px 2px #888888;
	*/
}

h4 {
	font-family: Monaco, Trebuchet MS;
	font-style: italic;
	border-radius: 4px;
	border: 1px solid #8E8E93;
	width: 100px;
	text-align: center;
	-moz-box-shadow: 4px 4px 5px #888888;
	-ms-box-shadow: 4px 4px 5px #888888;
	-webkit-box-shadow: 4px 4px 5px #888888;
	-o-box-shadow: 4px 4px 5px #888888;
	box-shadow: 1px 1px 2px #888888;
	margin-top: 10px;
	margin-left: 10px;
}

h6 {
	font-family: Monaco, Trebuchet MS;
	text-align: right;
	color: #CECED2;
	margin-right: 10px;
}

img {
	max-width: 99%;
	max-height: 99%;
	margin: 22px;
	transition: all 300ms;
	border-radius: 4px;
	border: 1px solid #8E8E93;
	box-shadow: 1px 1px 2px #888888;
	padding: 4px;
}

img:hover {
	transform: scale(1.02);
}

.blue-line {
	display: inline-block;
    width: 25%;
    height: 4px;
    background-color: #176BEF;
    white-space: nowrap;
}

.red-line {
	display: inline-block;
    width: 25%;
    height: 4px;
    background-color: #FF3E30;
    white-space: nowrap;
}

.yellow-line {
	display: inline-block;
    width: 25%;
    height: 4px;
    background-color: #F7B529;
    white-space: nowrap;
}

.green-line {
	display: inline-block;
    width: 25%;
    height: 4px;
    background-color: #179C52;
    white-space: nowrap;
}