body {
    background: gray;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
a {
    color: #000;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}
a:hover {
    color: pink;
}
.header {
    margin: 0 auto;
    max-width: 800px;
    padding: 40px 20px 0;
    text-align: center;
}
.logo {
    height: auto;
    margin: 0 auto;
    max-width: 100px;
}
.container {
    padding: 20px;
    text-align: center;
}
.pic {
    display: inline-block;
    margin-bottom: 2.5em;
    max-width: 800px;
}
.pic img {
    border: 5px solid white;
    max-width: 100%;
    max-height: 600px;
    box-sizing: border-box;
}
.pic .meta {
    display: flex;
    justify-content: space-between;
}
footer {
    background-color: #303030;
    color: #ccc;
    padding: 20px 20px 60px;
    text-align: center;
}
footer h2 {
    font-size: 21px;
    margin: 0;
}
footer p {
    margin: 6px;
}
footer a {
    color: #ccc;
    display: inline-block;
    padding: 5px 8px;
    text-decoration: underline;
}
footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer li {
    display: inline-block;
	padding: 0;
	margin: 0;
}