.home {
    width: 100%;
    height: 900px;
	top: 0;
	background: url("images/doggg.jpg") center bottom no-repeat;
	background-size: cover;
	background-position: bottom;
}
#title {
	mask:  url("images/doggg-mask.png") center bottom no-repeat;
    -webkit-mask: url("images/doggg-mask.png") center bottom no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;

    height: 100%;
    color: black;
    margin: 0;
    font-size: 100px;
    letter-spacing: -0.03em;
    position: relative;
	font-weight: normal;
}

#occupation{
    left: 20vw;
    color: #fff;
    top: 40%;
    position: fixed;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-size: 19px;
}

#name {
    position: fixed;
    display: inline-block;
    transition: margin 1s ease-in-out;
    font-family: 'Libre Baskerville', serif;
    top: 18%;
    font-style: italic;
    left: 1em;
}
@media screen and (max-width: 800px) {
  #name{
      font-size: 80px;
      left:1em;
  }

}
@media screen and (max-width: 530px) {
    #name{
        font-size: 70px;
        left:.5em;
    }
  
  }