How do I place a text object 90% down my page?

I have a text object placed in the middle of my page horizontally. I'm wanting to place it 90% down my page. So if you were looking at my page, it would be a little above the bottom. I would use margin: 330px; but I am pretty sure it will differ for ever user as they use different resolutions. Here is my code, if someone can help

HTML:      
  <div id="home">
    <p>Read More</p>
  </div>

CSS:
  #home {
    width: 100%;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    text-align: center;
  }

  #home p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 60px;
    color: #FFF;
    margin: 330px;
  }