/* BASIC STYLES */
/* BASIC STYLES */
/* BASIC STYLES */

/* fonts */

h1,h2,h3 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
}

/* media responsive */

@media screen and (min-width: 568px) {
  html,body { font-size: 16px; }
  .pagewidth { width: 568px; }
}
@media screen and (min-width: 768px) {
  html,body { font-size: 17px; }
  .pagewidth { width: 768px; }
}
@media screen and (min-width: 960px) {
  html,body { font-size: 18px; }
  .pagewidth { width: 960px; }
}
@media screen and (min-width: 1080px) {
  html,body { font-size: 18px; }
  .pagewidth { width: 1080px; }
}

/* unit page styling */

ol.rikanky {
  list-style-type: none;
  text-align: left;
  margin: auto;
  width: 100%;
}

ol.rikanky li {
  margin: 1em 0 2em 0;
  font-size: 125%;
}

.unit_name {
  text-align: left;
  font-size: 250%;
  margin: 1em 0;
}

.unit_perex {
  float: left;
  text-align: left;
  margin-bottom: 4em;
  padding: 1em 1em 1em 2em;
  background-color: light-green;
}

.unit_perex h2 {
  float: left;
  margin: 1em 0 0.5em 0;
  font-weight: bold;
  text-align: left;
  font-size: 150%;
}

.unit_perex p {
  float: left;
  font-size: 115%;
  margin: 0.5em 0 1em 0;
  font-weight: normal;
}

.unit_content p {
  font-size: 100%;
  margin: 1em 0 2em 0;
  padding: 0;
  font-weight: normal;
}

.pagewidth {
  max-width: 100%;
  margin: 0px auto;
  text-align: center;
}