*{

        margin:0;
        padding:0;
}

html, body{
        height:100%;
        background-color: #FFFFFF;
	margin: 2% 2% 2% 2%;
}

h1 {
text-align: center;
}

.h2-aligned {
	text-align: center;
}

div {
	margin-top: 2%;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	margin-top: 4%;
	margin-bottom: 2%;
}

figcaption {
	text-align: center;
	margin-bottom: 4%;
}

footer {
	margin-top: 2%;
}

.table {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.row {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}