@font-face {
  font-family: 'PingFang';
  src: url('pingfang.otf');
}

body {
  font-family: 'PingFang';
  font-weight: 100;
  font-size: 18px;
  color: black;
  background: url('circuit.jpg') no-repeat center fixed;		/* Hintergrundfoto hier ändern */
  background-size: cover;
}

h1 {
	font-size: 20px;
	font-weight: 400;
}

h2 {
	font-size: 16px;
	font-weight: 400;
}

div#menu {
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  bottom: 50px;
  left: 50px;
}

div#menu a, div#title a {
  color: black;
  text-decoration: none;
}

div#title {
  font-size: 40px;
  font-weight: 400;
  position: absolute;
  top: 50px;
  left: 50px;
}

div#work {
  position: absolute;
  bottom: 50px;
  right: 50px;
  text-align: right;
}

div#news {
	margin-top: 250px;
	margin-left: 300px;
	width: 40%;
  font-weight: 100;
}

@media only screen and (max-width: 768px) {
  div#menu {
  	top: 30px;
  	left: 30px;
  	bottom: auto;
  }

  div#title {
  	font-size: 35px;
    font-weight: 400;
    position: absolute;
    bottom: 15px;
  	left: 30px;
  	top: auto;
  }

  div#work {
 	 top: 30px;
 	 right: 30px;
 	 bottom: auto;
  }
  
  div#news {
  	margin-left: 25px;
  	width: 90%;
    font-size: 13px;
    font-weight: 400;
 }
}

.news p{
  margin-top: 0px;
}

.news h1{
  font-weight: 900;
  margin-bottom: 0px;
}