CSS

body
{
	background-image:url('tlo4.jpg');
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-family:"Century Gothic";
	font-size:22px;
	color: white;

}

header
{
	width: 100%;
}

.logo
{
	width:400px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}

.nav
{
	border-top: 5px solid #2bdb20;
	padding-top: 5px;
	width: 100%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	transition: color;
}

.nav > .menu
{
	width: 25%;
	height:50px;
	float: left;
	text-align: center;
	font-size: 32px;
	color: white;
	transition: all 0.2s ease-in-out;
}

.menu:hover
{
	color:#2bdb20;
	transform: scale(1.2);
}

.content
{

	width: 80%;
	margin-left: auto;
	margin-right: auto;
	position: relative;

}

.footer
{
	width: 100%;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	font-size: 12px;
	color: white;
	position: absolute;
	bottom: 0;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
* {
  box-sizing: border-box;
}
body, figure {
  margin: 0;
}
div#captioned-gallery {
  width: 100%; overflow: hidden;
}
figure.slider {
  position: absolute; width: 500%;
  font-size: 0; animation: 30s slidy infinite;
}
figure.slider figure {
  width: 20%; height: auto;
  display: inline-block;  position: inherit;
}
figure.slider img { width: 100%; height: 700px;}