/* z.b. body=body */ 
/* id=#xxx */ 
/* class=.xxx */ 

html, body {
	margin: 0px;
	padding: 0px;
    height: 100%;
	text-align: center;   /* bilder rücken in die Mitte */ 
    }
body {
	background-color: #000000
}

section {
	min-height: 10%;
	display: inline-block;
}
/* text nicht unterstrichen */ 
a {
	text-decoration: none; 
}
/* links/anker sind keine punkte mehr */

a1 {
	text-decoration: none;
	margin:0rem 7rem 0 7rem;
}
li {
	list-style-type: none;
	}
h1{
	font-family: "aladin";
    font-weight: 400;
    color: #F9F9F9;
}

/* work--------------------------- */ 
#work {
	margin: 5rem;
}
#projects {
     
     margin: 0 auto 0 auto;

}

#projects ul {
     
     padding: 0;
}

#projects ul li {
     display: inline-block;
}

#projects img {
	
}
/*display: inline-block eine Reihe */
/*margin: 0 2rem 0 2rem   verteilung in der reihe */

/* media queries------------------------------------------- */

/* tablets*/
@media screen and (max-width: 1024px) {
	
}

/* mobile  */

@media screen and (max-width: 700px) {
	img {
		width: 90%;
	}
	a1  {margin-left: 2.2rem;
	}	
	
}

/* mobile kl */

@media screen and (max-width: 480px) {
	img {
		width: 80%;
	}
	a1  {margin-left: 2.7rem;
	}	
}