html, body {
    background: url('https://thiemarbeit.de/img/Thiemarbeit_Coming_Soon.jpg') no-repeat center center fixed ; 
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    margin-bottom: 0;
}

@media(max-width:768px){
    
    #logo img {
        width:50%;
        }
    
    #intro p {
        font-size: 1.2em !important;
    }
    
    #new p {
        font-size: 1.4em !important;
    }
    
    #counter .countdown {
        font-size: 1.4em !important;
    }
    
    #icon .fa{
        margin: 10px 0 0; !important;
        font-size: 2em;
    }
} 

@media(min-width:321px)
    and (max-width:556px) {
        #logo img{
            witdh:20%;
        }
        
         #intro p {
        font-size: 1.4em !important;
    }
        
         #new p {
        font-size: 1.4em !important;
        }
        
        #counter .countdown {
        font-size: 1.4em !important;
    }
    
    #icon .fa{
        margin: 10px 0 0; !important;
        font-size: 2em;
    }
}

#logo img {
    padding-top: 20px;
    padding-bottom: 40px;
}

#intro p {
    color: white; 
    text-align: center; 
    font-family: 'museo', serif;
    font-weight: 300;
    font-style: normal;
    line-height: normal;
    padding-top: 200px; 
    margin: -150px 0 0; 
    font-size: 8mm;
    text-shadow: 2px 3px 4px black,
                 -1px -2px 3px black;
}

#new p {
    color: white; 
    text-align: center;
    font-family: 'flood-std', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding-top: 200px; 
    margin: -150px 0 0; 
    font-size: 10mm;
    text-shadow: 2px 3px 4px black,
                 -1px -2px 3px black;
}

#impressum p {
    color: white; 
    text-align: center; 
    font-family: 'museo', serif;
    font-weight: 100;
    font-style: normal;
    line-height: normal;
    padding-top: 150px; 
    margin: -150px 0 0; 
    font-size: 5mm;
    text-shadow: 2px 3px 4px black,
                 -1px -2px 3px black;
}

#datenschutz p {
    color: white; 
    text-align: left; 
    font-family: 'museo', serif;
    font-weight: 100;
    font-style: normal;
    line-height: normal;
    padding-top: 150px; 
    margin: -150px 0 0; 
    font-size: 3mm;
    text-shadow: 2px 3px 4px black,
                 -1px -2px 3px black;
}

#counter .countdown {
    color: white; 
    text-align: center;
    font-family: 'flood-std', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    padding-bottom: 100px;
    margin: -5px 0 0;
    font-size: 15mm;
    text-shadow: 5px 6px 7px black,
                 -3px -4px 5px black;
}

#footer .body {
    color: white; 
    text-align: center;
    font-family: 'museo', serif;
    font-weight: 200;   

}

/* Sticky footer position and size
-------------------------------------------------- */
html {
  position: bottom;


}


.footer {
    color: white; 
    text-align: center;
    font-family: 'museo', serif;
    font-weight: 400;
  position: bottom;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  margin: 50px 0 0;

}

/* Taller footer on small screens */
@media (max-width: 567em) {
  body {
    margin-bottom: 700px;
  }

  .footer {
    height: 75px;
  }
}

/* Sticky footer style and color
-------------------------------------------------- */
footer {
  position: fixed;
  padding-top: 10px;
  background-color: black;
    opacity: 65%;
  color: #bbb;
}

footer a {
  color: white;
  text-decoration: none;
    text-align: center;
    font-family: 'museo', serif;
    font-weight: 200
}

footer a:hover,
footer a:focus {
  color: #aaa;
  text-decoration: none;
  border-bottom: 1px dotted #999;
}


impressum p {
    color: white; 
    text-align: center; 
    font-family: 'museo', serif;
    font-weight: 100;
    font-style: normal;
    line-height: normal;
    padding-top: 200px; 
    margin: -150px 0 0; 
    font-size: 10mm;
    text-shadow: 2px 3px 4px black,
                 -1px -2px 3px black;
}