body{
	margin: 0;
	max-width:100%;
	max-height:100%;
	overflow-x:hidden;
	font-family: 'Futura-CondensedMedium', serif;
}

#header{
	width:100%;
	background-color: black;
	background-size:100%;
	margin: 0;
	height:17%;
	left:0px;
	top:0px;
	position: fixed;
	z-index:1;
}
#footer{
	width:100%;
	background-color: black;
	background-size:100%;
	color: white;
	font-family: 'Futura-CondensedMedium', serif;
	padding-top:20px;
	padding-left:20px;
	font-size: 60px;
	margin: 0;
	height:17%;
	left:0px;
	top:675px;
	position: fixed;
	z-index:1;
}

.label{
	position:absolute;
	display: inline-block;
	text-align:center;
	color: white;
	font-size:20px;
	z-index:6;
}

#label_1970s{
	top: 67%;
	left:36.2%;
}

#label_1980s{
	top: 67%;
	left:43.2%;
}

#label_1990s{
	top: 67%;
	left:50.2%;
}

#label_2000s{
	top: 67%;
	left:57.2%;
}

#label_2010s{
	top: 67%;
	left:64.2%;
}

a#btn_1970s {
	position:absolute;
	display: inline-block;
	top: 12%;
	left: 35%;
	z-index:6;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

a#btn_1970s:hover{
	-webkit-transform:rotate(760deg);
	transform:rotate(760deg);
}



a#btn_1980s {
	position:absolute;
	display: inline-block;
	top: 12%;
	left: 42%;
	z-index:6;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}

a#btn_1980s:hover{
	-webkit-transform:rotate(-760deg);
	transform:rotate(-760deg);
}

a#btn_1990s {
	position:absolute;
	display: inline-block;
	top: 12%;
	left: 49%;
	z-index:6;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}

a#btn_1990s:hover{
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}

a#btn_2000s {
	position:absolute;
	display: inline-block;
	top: 12%;
	left: 56%;
	z-index:6;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

a#btn_2000s:hover{
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg);
}

a#btn_2010s {
	position:absolute;
	display: inline-block;
	top: 12%;
	left: 63%;
	z-index:6;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}

a#btn_2010s:hover{
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg);
}

a#btn_sources {
	position:absolute;
	display: inline-block;
	top: 15px;
	left: 1350px;
	z-index:6;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
}

#label_sources{
	top: 90px;
	left: 1360px;
	font-size:; 25px;
}


#backdrop{
	width:100%;
	height:805px;
	background-image:url(https://nsamawi.github.io/iffall2017/microsite/images/homepage.jpg);
	background-size:105%;
	background-position:center 90px;
	padding-top:0px;
	z-index:5;
}