html, body {
	height: 90%;
	color: grey;
	font-size: 20px;
	background-color: #00ACED;
	padding: 0;
   	margin: 0;
   	font-family: 'Cabin', Helvetica, Arial, sans-serif;
   	/*background: url(images/bck.jpg);*/
   	background: #EAEAEA;
}

#fb{
	margin: 10px 0 30px 0;
}

#build {
	width: 500px;
	margin: 40px auto 60px auto;
}

.hi {
	color: white;
	margin-left: -40px;
	font-size: 80px;
	font-weight: bold;
	font-family: 'Lobster', Georgia, Times, serif;
	text-shadow: 0px 2px 3px #555;
}

.name {
	font-size: 50px;
	color: #00ACED;
	font-family: 'Lobster', Georgia, Times, serif;
	text-shadow: 0px 2px 3px #555;
}

footer {
   padding: 10px 0 0 0;
   position: fixed; bottom:0;
   width:100%;
   height:30px;
   background-color: #b2ceaf;
   text-align: left;
}

#social img{
	height: 30px;
	width: 30px;
	float: right;
}

#impressum{
	font-size: 14px;
	width: 500px;
	margin: 50px auto 50px auto;
	padding: 15px;
	background-color: #fff;
}

.imp {
	margin: 30px 20px;
	color: white;
	text-decoration: none;
}

#cover {
	height: 500px;
	width: 500px;
	margin-bottom: 10px;
}

.shadow {
	-webkit-box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 0.1);
     box-shadow:  0px 0px 7px 2px rgba(0, 0, 0, 0.1);
}

/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lobster-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/lobster-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/lobster-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/lobster-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/lobster-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/lobster-v28-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}

/* cabin-regular - latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cabin-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/cabin-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/cabin-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/cabin-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/cabin-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/cabin-v26-latin-regular.svg#Cabin') format('svg'); /* Legacy iOS */
}