/* AwesomeDude styles template for responsive serial chapters */



/* Last modified May 25 2016 by John Silby (Alien Son) */



@import url(https://fonts.googleapis.com/css?family=Merriweather:700,700italic);



/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}





/* Basics */



body { font-family: Tahoma, Geneva, sans-serif;

  font-size: 18pt;

  line-height: 1.4;

  color: #ffffff;
  background-color: #0E415B

}



.container {

  width: 90%;

  max-width: 900px;

  margin: 0px auto;

  padding: 1.0em 0 0 0;

}



header {

  margin: 1em auto 0em auto;

  height: auto;

/*  border: 1px solid #90EE90*/

}



h1, h2, h3 {

  text-align: center;

}



h1 {

  font-family: Merriweather;

  font-size: 2.2em;

  font-weight: 700;

  font-style: italic;

  color: #ffff00;

  padding-top: 0em;

}



h2 {

/*  font-family: Merriweather;*/

  font-size: 1.0em;

  font-weight: normal;

  padding-top: .5em;

}



h3 {

  font-size: .7em;

  font-weight: normal;

  padding-top: .8em;

}



h4 {

  font-size: 1.3em;

  font-weight: normal;

  padding-top: 2.0em;

  padding-bottom: 1.5em;

  text-align: center;

}

p {

  font-size: 1em;

  margin-bottom: 1.4em;

  text-indent: 0;

}





/* Links */



a:link {

  text-decoration: none;

  color: #fff;

}



a:hover, a:visited:hover {

  text-decoration: none;

  color: #FF8C00;

}



a:visited {

  text-decoration: none;

  color: #20B2AA;

}





/* Special formatting */



.divider {

  font-size: 1.3em;

  font-weight: bold;

  margin: 2.3em auto;

  text-align: center;

}



.b {

  font-weight: bold;

}



.i {

  font-style: italic;

}



.n {

  font-style: normal

}



.c {

  text-align: center;

}



.note {

  font-style: italic;

  width: 90%;

  margin: 3em auto;

  padding: .8em .8em .1em .8em;

  background-color: #7F7F7F;

}



.note p {

  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

  font-size: .9em;

  color: black;

  text-indent: 0;

}



.next a {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12pt;

  font-weight: bold;

  text-align: center;

  color: #fff;

  background-color: rgba(0,0,0,.15);

  display: block;

  width: 150px;

  margin: 40px auto 0px auto;

  padding: 10px;

  border: 1px solid rgba(0,0,0,.30);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px;

}



.next a:hover {

  color: #000;

}





@media screen and (max-width: 800px) {



body {

  font-size: 16pt;

  }



header {

  height: auto;

}

}





@media screen and (max-width: 650px) {



body {

  font-size: 14pt;

  }



header {

  height: auto;

}

}





@media screen and (max-width: 400px) {



body {

  font-size: 12pt;

  }



header {

  height: auto;

}

}