@media all and (max-width: 1024px) {
  /* Generic */

  /* Header */

  /* Navigation */

  /* Main */

  /* Footer */
}

@media all and (max-width: 768px) {
    /* Generic */

    /* Header */

    /* Navigation */

    /* Main */

    /* Footer */
}

@media all and (max-width: 480px) {
    /* Generic */

    /* Header */

    /* Navigation */

    /* Main */

    /* Footer */
}