article {
  width: 470px;
  height: 600px;
  top:380px;
}

@media only screen and (max-width: 800px) {
  article {height:640px;  width:85%;}
}

  @media only screen and (max-width: 600px) {
    article {height:auto; top: 320px; width:95%;}
    } 

    @media only screen and (max-width: 500px) {
      article {top: 350px;}
      } 

      @media only screen and (max-width: 400px) {
        article {top: 420px;}
        } 
        
        
      @media only screen and (max-width: 360px) {
        article {top: 440px;}
        } 

        @media only screen and (max-width: 340px) {
          article {top: 470px;}
          }