MediaWiki:Mobile.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* CSS placed here will affect users of the mobile site */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,100italic,300italic,400italic,500italic,700,700italic,900italic');

body {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: 'Roboto', sans-serif !important;
}

.cit-home-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cit-home-nav a {
  color: inherit;
  text-decoration: none;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  font-weight: bold;
}

.cit-home-nav div {
  text-align: center;
  border: 1px solid #999;
  margin-bottom: 16px;
  height: 200px;
}

.cit-home-nav h2 {
  margin: 0 0 8px 0;
  font-size: 16px;
  margin: 0 !important;
  padding: 0 !important;
}

.cit-home-nav p {
  font-weight: 400;
  font-size: smaller;
  margin: 0 8px;
}