@media all and (min-width: 1600px)
  body.events.index table
    font-size: larger

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

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

  #advises
    margin: 0 10%

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

  #advises
    margin: 0

  table tr td
    border-width: 0px !important

@media all and (max-width: 640px)
  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
        list-style-position: inside
        li
          list-style-type: circle