#img {
    width: 630px;
    height: 360px;
    background-size: cover;
    top: 100%;
  }

  .img{
      top: 90%;
      left: 50%;
  }
  
  body {
    background: #20262E;
    padding: 20px;
    font-family: Helvetica;
  }
  
  #banner-message {
    position: absolute;
    text-align: center;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 70px;
    color: #fff;
    position: absolute;
    transform: translate(-50%,-50%);
  }
  
  button {
    border: 1px transparent #fff;
    padding: 10px 30px;
    font-size: 20px;
    text-decoration: none;
    transition: 0.4s ease;
    position: absolute;
    top: 300%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .button:hover{
    background-color: #fff;
    color: black;
  }
  

  #banner-message.alt {
    background: #0084ff;
    color: #fff;
    margin-top: 40px;
    width: 200px;
  }
  
  #banner-message.alt button {
    background: #fff;
    color: #000;
  }