body {
    font-family: 'Roboto', sans-serif;
    padding:20px;
    text-align:center;
    background-color: #dc418e;
    color: #FFF;  
}

h1, h2 {
    font-size:60px;
    font-weight:bold;
    color:#4795d7;
    margin-bottom:0;
    margin-top:0;
    width: 70%;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    line-height: 70px;
}

h1 {
    color: #FFF;
}
  
p {
    font-size:45px;
}

p.main {
    text-align: right;
    margin-left:auto;
    margin-right:auto;
    width:70%;
    margin-top:120px;
}
  
.frei, .gesamt, .flaeche_ungenutzt, .bewohner, .wohnungen {
    font-size:45px;
    font-weight:bold;
    color:#4795d7;
}
  
.footer {
    padding-top:80px;
    font-size:12px;
}

.footer a {
    color:#FFF;
}

@media only screen and (max-width: 768px) {

h1,h2 {
      font-size:40px;
      line-height:40px;
      width:90%;
    }
p.main {
      width:90%;
      font-size: 30px;
      margin-top:60px;
    }
}