body {
    background-image: url(images/background.jpg);
    background-position: center center;
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
    background-color:#000000;
}

.box {
	padding-top: 1%;
    padding-left: 5%;
    padding-right: 5%;
}
.text {
    text-align: center;
    color: white;
}

.zwei {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    padding-top: 1%;
    font-size: 15px;
}

.drei {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    padding-top: 1%;
    font-size: 13px;
}

.vier {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    padding-top: 0.1%;
    font-size: 11px;
}

.fünf {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    padding-top: 0.1%;
    font-size: 9px;
}

p {
    font-family: 'Spartan', sans-serif;
    font-weight: 300;
    padding-top: 5%;
    font-size: 30px;
    text-transform: uppercase;
}

.hey {
    font-family: 'Spartan', sans-serif;
    font-weight: 500;
    padding-top: 1%;
    font-size: 30px;
}

.guterstuff {
    font-family: 'Spartan', sans-serif;
    font-weight: 500;
    padding-top: 1%;
    font-size: 30px;
}

.ehrlich {
    font-family: 'Spartan', sans-serif;
    font-weight: 500;
    padding-top: 1%;
    font-size: 15px;
}

.versprochen {
    font-family: 'Spartan', sans-serif;
    font-weight: 500;
    padding-top: 1%;
    font-size: 15px;
}

.bild1 {
	max-width: 100%;
  	height: auto;
    padding-top: 5%;
}

@media only screen and (max-width: 576px) {
  /* For mobile phones: */
  p, .guterstuff, .hey{
    font-size: 20px;
  }
}