@media screen and (max-width: 1023px) {
  #info { width: 100%; background-image: url('images/bg.gif'); padding-top: 30px; padding-bottom: 30px; }
  #info-title { max-width: 40%; height: auto; border: none; display: block; margin-bottom: 20px; }
  #info-text { width: 87%; margin: 0 auto; text-align: left; color: #ffffff; }
  #info li { width: 97%; line-height: 200%; position: relative; left: 1em; }
  #info ol { width: 84%; position: relative; left: 0.8em; }
}

@media screen and (min-width: 1024px) {
  #info { width: 100%; background-image: url('images/bg.gif'); padding-top: 30px; padding-bottom: 30px; }
  #info-title { margin-bottom: 20px; }
  #info-text { width: 88%; margin: 0 auto; text-align: left; color: #ffffff; }
  #info li { width: 800px; line-height: 200%; position: relative; left: 2em; }
  #info ol { width: 800px }
}