/* Landing */
#landing {
  text-align: center;
  background: url(images/bkg/presentation.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
  #landing header {
    height: 10vh;
    z-index: 1;
  }
    #landing header img {
      height: 100%;
      border: 5px solid rgba(0,0,0,0.9);
    }
  #landing main {
    justify-self: center;
    align-self: center;
    background-color: rgba(255,255,255,0.9);
    border: 5px solid rgba(0,0,0,0.9);
    margin: -5vh 1em 0 1em;
    padding: 8em 4em 4em 4em;
  }
  #landing h3 {
    color: #000000;
    font-family: 'Altero';
    font-size: 3em;
  }
  #landing p {
    color: #000;
    font-size: 2em;
    font-weight: 300;
    margin: 1em;
  }
  #landing .button {
    border: 2px solid #000;
    font-size: 0.6em;
    cursor: pointer;
  }
    #landing .button:hover {
      background: white;
      color: black;
    }

  /***********************************************************/    
/* Tablets */
@media (min-width: 768px) {
  #landing header {
    height: 20vh;
  }

  #landing main {
    margin: -10vh 1em 0 1em;
    padding: 16em 8em 8em 8em;
  }
  #landing h3 {
    font-size: 5em;
  }
  #landing p {
    font-size: 3em;
    margin: 2em 1em;
  }
  #landing .button {
    font-size: 0.75em;
  }
}