@media all and (min-width: 1600px)
  main
    font-size: larger

  sidebar#lug-list
    width: auto

  #advises
    max-width: 60em

@media all and (max-width: 1024px)
  body.events.index table
    width: 100%

  form#lug_search
    right: 0
  .formats, a#banner
    margin: 0

@media all and (max-width: 900px)
  body
    border: none
    margin: 0
    header.top h1
      margin-top: 0
    main ul
      margin-left: 0

  form#lug_search
    font-size: smaller

  body.events.index table
    font-size: smaller
    td
      border-width: 0
      ul.events
        padding-left: 0
        li
          list-style-type: none

  table tr td
    border-width: 0px !important

/* For small screen width */
@media all and (max-width: 34em)
  form#lug_search
    position: relative

  header.calendar-header
    margin-top: 0

  body.events.index table
    font-size: inherit
    thead
      display: none
    tr td
      clear: both
      width: auto
      height: auto
      margin: 1px
      padding: 0 0.4em
      display: block
      min-height: 1.1em
      border-width: 1px !important
      .day_number
        float: right
      ul.events
        margin-left: 1em
        li
          list-style-type: disc

  sidebar
    display: none