*, *:before, *:after {
     box-sizing: border-box;
}
body {
     font: 12pt Cambria, serif;
     margin:10px;
     color:#000;
     background-color: #171926; /*#fff;*/
}
 #wrapper {
     max-width:846px;
     margin-left:auto;
     margin-right:auto;
	 margin-top:3px;
	 padding:2em;
	 background-color:#fff;
	 border-radius: 8px;
}

@page {
     margin: 0.5in;
     size: A4 portrait;
}
 #header {
     font-size:10pt;
     width:100%;
     height:50px;
     display:block;
     border-bottom: 1px solid #000 
}
 #header a{
     text-decoration:none 0;
     padding-bottom:5px;
}

 #left {
     float:left;
     width:49%;
     height:40px;
     display:block;
     text-align:left;
     margin-bottom:0.8em;
}
 #right {
     float:right;
     width:49%;
     height:40px;
     display:block;
     text-align:right;
     margin-bottom:0.8em;
}
 #print-citing-warning {
     display:block;
     border:1px solid #333;
     padding:5px;
     font-size:14pt;
     margin-bottom:10px;
     text-align:center;
     color:red 
}
 table {
     border-left: 0;
	 border-right: 0;
	 border-top:1px solid black;
	 border-bottom:1px solid black;
	 border-collapse: collapse;
	 width:100%;
	 margin: 0px auto;
}
 th {
     border-bottom:1px solid black;
	 border-top:1px solid black;
	 font-weight:normal
}
 td {
     padding:0 30px 0 5px;
}
caption {
     font-style:italic;
     text-align:left;
     padding-bottom:10px 
}

figcaption {
	text-align:left
}

 .to-top {
     text-decoration: none 0;
     font-size:1em;
     margin: 0 5px;
}
 .to-top:hover {
     text-decoration: none 0;
     font-size:1em;
     color:red;
     cursor:pointer 
}
	
 img {
     width: 100%;
     height: auto;
}

 #intro > h2 {
    display:none
}

 h1 {
     text-align:center;
     text-transform: uppercase;
     font-weight: bold;
     font-size: 16pt 
}
 h2 {
     font-weight: bold;
     line-height:1.0;
     padding-top:6pt;
     padding-bottom:0px;
     text-align:center;
     font-size:14pt 
}
 h3 {
     font-weight: bold;
     line-height:1.0;
     padding:0;
     text-align:left;
     font-size:13pt 
}
 h4{
     font-weight: bold;
     line-height:1.0;
     padding:0;
     /*text-indent: 0.5in;*/
     text-align:left;
     font-size:12pt;
	 font-style: italic;
	 
}
 h5{
     font-weight: bold;
     line-height:1.0;
     padding:0;
     text-align:left;
     font-size:12pt;
     font-style: italic;
     text-indent: 0.5in;
}
 .abstract {
     text-align:justify;
}
 .abstract-title {
     text-align:center;
     font-size:12pt;
}
 .small-font {
     font-size:10pt;
}
 svg {
     break-inside: avoid;
     vertical-align:bottom;
}
 .page-break {
     page-break-before: always;
}
 #article {
     line-height:1.5;
}
 #article p {
     text-indent: 0.5in;
     text-align:justify;
}
 .figure {
     font-weight:bold;
}
 figcaption {
     font-style:italic;

}
 #article .quote {
     text-indent: 0;
     margin-left:0.5in;
     margin-right:0.5in;
     margin-bottom:16pt 
}

	#book-cover {
		width:41.8%;
		float:left;
		padding-right:5px
	}

	#book-details {
		width:58%;
		float:right;
		padding-left:5px;
		
	}

#book-details > p {
	text-indent:0;
	text-align:left;
	margin-top:0;

	}
	
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
	
 #ref li {
     line-height:1.25;
     word-wrap: break-word;
     list-style:none;
     padding-left: 0em;
     text-indent: -2.25em;
	 padding-bottom: 0.5em
}

hr {
	margin-bottom:3em;
}


@media screen and (max-width: 599px) {
     body {
         margin:5px;
    }
     #header {
         display:block;
         width:100%;
         margin-bottom:5em;
         border:none;
    }
     #left {
         float: none;
         width: 100%;
         height: 40px;
         display: block;
         text-align: left;
         margin-bottom: 0.8em;
    }
     #right {
         float: none;
         width: 100%;
         height: 40px;
         display: block;
         text-align: left;
         margin-bottom: 0.8em;
    }

/* WHY not applying no float*/

#book-cover, #book-details {
	float:none;
	width:100%;
	display: block;
	}

}


 @media print {
	 body {
		 background-color:#fff;
		 margin:0.5in;
	 }
	 
	 #wrapper {
		padding:0; 
	 }
	 
     a {
         text-decoration: none 0 
    }
     .hidden-no-print {
         display:none 
    }
     #print-citing-warning {
         border:1px solid black;
         padding:1px;
         margin-bottom:2px;
         text-align:center;
         display:block;
         font-size:9pt 
    }
     #ref li {
         word-wrap: break-word;
         list-style:none;
         padding-left: 0em;
         text-indent: -2.25em;
    }
}