/* AwesomeDude styles template for responsive serial chapters */



/* Last modified June 05 2015 by John Silby (Alien Son) */

/* Last modified April 17 2018 by Colin Kelly */






/*@import url(http://fonts.googleapis.com/css?family=Chewy);*/









@media screen and (min-width: 50px) {

  body {

    font-size: 16pt;

  }



h1 {

  font-size: 20pt;

  font-weight: bold;

  text-align: center;

  border: 0px solid #000;
  
  font-family:"Comic sans MS", verdana, sans-serif;


}



  h2 {

    font-size: 16pt;

    padding-top: 5px;

    padding-bottom: 15px

  }



  h3 {

    font-size: 14pt;

    padding-top: 10px;

    padding-bottom: 20px;

  }



  p {

    margin-bottom: 15px;

  }



  .note p {

    font-size: 10pt;

  }

}



@media screen and (min-width: 501px) {

  body {

    font-size: 16pt;

  }



  h1 {

    font-size: 26pt; 

    padding-top: 10px;
  }



  h2 {

    font-size: 18pt;

    padding-top: 5px;

    padding-bottom: 15px;

  }



  h3 {

    font-size: 16pt;

    padding-top: 10px;

    padding-bottom: 25px;

  }



  p {

    margin-bottom: 20px;

  }



  .note p {

  font-size: 11pt;

  }

}



@media screen and (min-width: 801px) {

  body {

    font-size: 18pt;

  }



  h1 {

    font-size: 40pt;
    
    font-weight: bolder;

    padding-top: 10px;

  }



  h2 {

    font-size: 22pt;

    padding-top: 5px;

    padding-bottom: 15px;

  }



  h3 {

    font-size: 18pt;

    padding-top: 10px;

    padding-bottom: 30px;

  }



  p {

    margin-bottom: 25px;

  }



  .note p {

  font-size: 12pt;

  }

}





/* Reset */



* {

  margin: 0;

  padding: 0;

  border: 0;

  text-decoration: none

}









/* Basics */



body {

  margin: 20px auto;

  padding-bottom: 0px;

  font-family: "Comic Sans MS", sans-serif;

  line-height: 1.4;

  color: #280F00;

  background-color: #FFFBEB;

}



.container {

  width: 90%;
  
  max-width: 960px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 50px;

}



h1, h2, h3, h4, h5 {

  font-weight: normal;

  font-style: normal;

  text-align: center;

}



/*
  p {

  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: 16pt;

  font-weight: bold;

  text-align: center;

  margin: 3% 0 3% 0

}



.end {

  text-indent: 0;

  text-align: center;

  padding-top: 30px

}



.indent-first-line {

  text-indent: 30px

}


/*
.indent {

  margin-left: 90px

}
*/



.b {

  font-weight: bold;

}



.i {

  font-style: italic;

}



.n {

  font-style: normal

}



.c {

  text-align: center;

}



.note {

  font-style: italic;

  width: 90%;

  margin: 40px auto 20px auto;

  background-color: transparent;

  padding: 5px 15px 10px 15px;

  border-radius: 5px

}



.note p {

  text-indent: 0;

}



.nav {

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

  font-size: 10pt;

  font-weight: bold;

  width: 125px;

  margin-top: 40px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: -15px;

  height: 25px;

  padding: 8px 0 0 0;

  text-align: center;

  background-color: #343434;

  border-radius: 7px;

  border: 1px solid #202020;

}



p.nav {

  text-indent: 0;

}



ol {

  margin: 50px;

}



ol li {

  padding-bottom: 10px;

}
  
  
.page {

  max-width: 795px;

  height: 500px;

  margin: 10px auto;

  background-color: #FFFBEB;

  background-image: url(ren-title-lg.jpg);

  background-position: center bottom;

  background-repeat: no-repeat;

  border: 0px solid #48D1CC;
  
}

  
header {

  max-width: 300px;

  height: 300px;

  margin: 0px auto;

  border: 0px solid #ff0000;

}