* {
	background-color: #FFFFFF; 
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	box-sizing: border-box;
}

h1 {
	text-align: left;
	font-size: 1.5em;
	position: fixed;
	top: 0;
	padding: 25px 40px;
	z-index: 1;
}

h2 {
	text-align: left;
	font-size: 1.5em;
	padding: 0 50px 25px;
}

main {
	text-align: left;
	padding: 200px 125px 50px 125px;
}

i {
	font-family: Georgia, Times New Roman, serif;
}

footer {
	text-align: center;
	font-style: italic; 
	font-size: .60em;
	padding: 50px 0px 0px 0px;
}

/* Image Gallery */

.row {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
}

.column {
	flex: 25%;
	max-width: 100%;
	padding: 0 4px;
}

.column img {
	margin-top: 8px;
	width: 100%;
}

@media only screen and (max-width: 800px) {
	.column {
		flex: 50%;
		max-width: 50%;
	}
	main {
		padding: 11em 0em 0em 0em;
	}
	.column img {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
		padding-left: 40px;
		padding-right: 40px;
	}
	main {
		padding: 11em 0em 0em 0em;
	}
	.column img {
		margin-bottom: 25px;
	}
}

@media only screen and (min-width: 600px) {
	.mediabar {
		display: none;
	}
}