a media query template

// default desktop view
#signInPage{
     border: 1px solid gray;
}
// landscape orientation view for tablets
@media only screen and (min-width: 768px) {
  #signInPage{
     padding: 20px;
  }
}
// portrait orientation view for tablets
@media only screen and (max-width: 768px) {
  #signInPage{
     padding: 0px;
       border: 0px;
  }
}
// phone view
@media only screen and (max-width: 480px) {
  #signInPage{
                   .footer{
                       display: none;
    }
  }
}