@charset "UTF-8";
/* CSS Document */

header {
	width: 96%;
	margin: auto;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 30px;
	color: white;
	text-align: center;
	}

#container {
	width: 100%;
	height: auto;
	background-image:url("background-01-01.png");/*all images from allfreedownload.com*/
	background-size: 100%;
}

.fade {
   opacity: 0;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
  
	}

.fade:hover {
	opacity: 1;
	}

.skyscraper {
	
	width: 350px;
	height: 100px;
	overflow: hidden;
	margin: auto;
	transition: height 1s ease-in;
		-webkit-transition: height 1s ease-in;
		-moz-transition: height 1s ease-in;
		-o-transition: height 1s ease-in;
	}
	
.skyscraper:hover {
	height: 1256px;
}