/* Smartphones (portrait and landscape) */
@media only screen and (min-width: 320px) and (max-width: 540px) {
  #top .inner {
    width: 100%;
    padding: 0 30px;
  }
  #mainarea #canvasMenuContainer #leftcol {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  #mainarea #canvasMenuContainer #canvasMenu {
    display: block;
    width: 100%;
  }
  #bottombar {
    width: 100%;
  }
  #creditcontainer {
    width: 100%;
  }
  .gridSplitMid {
    width: 100%;
  }
  .gridSplitMid .gridSplitMidLeft {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 1em;
  }
  .gridSplitMid .gridSplitMidRight {
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplitRight {
    width: 100%;
  }
  .gridSplitRight .gridSplitRightLeft {
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplitRight .gridSplitRightRight {
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit3 {
    width: 100%;
    border-collapse: collapse;
  }
  .gridSplit3 .gridSplit3p1 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit3 .gridSplit3p2 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit3 .gridSplit3p3 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit4 {
    width: 100%;
  }
  .gridSplit4 .grid4_1 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit4 .grid4_2 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit4 .grid4_3 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  .gridSplit4 .grid4_4 {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  blockquote {
    margin: 15px;
  }
}
/*# sourceMappingURL=mobile.css.map */