/* miikka.me, iteration 2.1 */

html {
    font-family: "Quattrocento Sans", sans-serif;
}

body {
    line-height: 1.3em;
}

div#content {
    max-width: 28em;
    margin: 0em 1em;
}

nav.footer {
    max-width: 28em;
    margin: 2em 1em 0em 1em;
}

ul { padding-left: 1.5em; }

img { margin: 1em; }
@media (max-width: 500px) {
    img { margin: 1em 0em; max-width: 100%; height: auto; }
}

.nb-title {
    font-weight: bold;
}

th {
    text-align: right;
}

a.read-more { text-decoration: none; }

/* fonts */

/* quattrocento-sans-regular - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/quattrocento-sans-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/quattrocento-sans-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* quattrocento-sans-italic - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/fonts/quattrocento-sans-v17-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/quattrocento-sans-v17-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* quattrocento-sans-700 - latin */
@font-face {
  font-family: 'Quattrocento Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/fonts/quattrocento-sans-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/quattrocento-sans-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}