body {
  height: 100vh;
  overflow: hidden;
  text-align: center;
}
svg {
  display: block;
  height: 100vh;
  margin: 0 auto;
}

.size {
}

.text {
font-size: 100px;
z-index: 50;
position: absolute;
text-align: left;
width: 100%;
border-top: 50px;
}


.parallax {
  /* The image used */
  background-image: url("images/picture.jpg");
  display:inline-block;
  /* Full height */
  height: 100%;
  padding-top: 13%;
  padding-left: 20%;
  width: 100%;
  font-size: 75px;
  color: rgb(26, 18, 18);
  font-family: 'Quicksand', sans-serif;
  letter-spacing: 3px;
  font-weight: 50;
  text-align: left;
  

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: auto;
  background-repeat: no-repeat;
  background-size: cover;
}