*{margin:0; padding:0; box-sizing:border-box;}
:root
{
	--top-bar:#c1c1c1;
	--text-black:#000000;
	--text-white:#ffffff;
	--nav-hover:#55a435; 
	--book-border:#67a854;
	--p-color:#484848;  
	--quote-color:#c2b138;
	--footer-bg:#c2b138;
	--copyright:#7c7c7c;
	--navbar-toggler:#51a31b;
}
body
{
	margin:0;
	padding:0;
	border:none;
	box-sizing:border-box;
	color:var(--text-black); 
	font-size:100%;
	font-family:Open Sans,Arial,sans-serif; 
	font-weight:500; 
	-webkit-font-smoothing: antialiased;  
} 

h2{width:100%; flex:0 0 100%;}
h3{}
h4
{
	color: var(--p-color);
    margin: 0.5rem 0;
    font-size: 1.2rem;
}

p
{
	margin-bottom:0;
    color: var(--p-color);
    line-height: 1.6rem;
    font-size: 15px; 
}
li
{	
    color: var(--p-color);
    font-size: 15px; 
    line-height: 2rem;
}	
	
P:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, li:first-letter, a:first-letter, span:first-letter
{
	text-transform:uppercase;
}