/* background image */
html {
  background: url(../img/bucket.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* basis container */
.container {
  height: 100%;
  width: 100%;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
}

/* tekstuele melding */
.melding {
  font-family: 'Roboto', sans-serif;
  font-size: 64px;
  font-weight: bold;
  color: #FFF;
  text-shadow: 2px 2px 4px #000000;
}

/* responsive tekstuele melding */
@media screen and (max-width: 600px) {
  .melding {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 2px 2px 4px #000000;
    margin-left: 15px;
    margin-right: 15px;
  }