* {
  box-sizing: border-box;
}

.content {
  max-width: 425px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
 
}

hr {
  border-top: 1px solid gray;
  width: 85%;
  max-width: 638px
}

SPAN.firstline 		{font-style:	bold;
					font-size:		14pt;
					font-family:	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
                color: #800040;}
                    
SPAN.topline 		{text-align:	center;
					font-style:		bold;
					font-size:		22pt;
					font-family:	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					color:			#800040;
					padding:		0;}

SPAN.header         {color: white;
                    font-size: 10pt;}
		
DIV.prose           {margin-left: auto;
                    margin-right: auto;
                    text-align: left;
                    width: 100%;
                    max-width: 750px;
                    font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;}
                    
DIV.content H3 A:visited 	{ text-decoration: none; 
					font-family: "Arial", "Helvetica", sans-serif;
					font-size: 13pt;
					color: #800040;}
					
DIV.content H3 A:link 	{ text-decoration: none; 
					font-family: "Arial", "Helvetica", sans-serif;
					font-size: 13pt;
					color: #800040;}
					
DIV.content H3 A:active 	{ text-decoration: none; 
					font-family: "Arial", "Helvetica", sans-serif;
					font-size: 13pt;
					color: #800040;}
                    
DIV.head H1			{text-align:	center;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		22pt;
					margin-left:	10%;
					margin-right:	10%;
					color:			#000000;
					padding:		0;}

DIV.head H2			{text-align:	center;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		20pt;
					color:			#000000;
					padding:		0;}

DIV.head H3			{text-align:	center;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		13pt;
					margin-left:	10%;
					margin-right:	10%;
					color:			#808080;
					padding:		0;}

DIV.head P.bookinfo	{text-align: 	center;
					margin-left:	15%;
					margin-right:	15%;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		10pt;}

DIV.poem     {margin-left: auto;
                    margin-right: auto;
                    text-align: left;
                    width: 100%;
                    max-width: 750px;
                    font-size: 12pt;
                    font-family: "Garamond", "Georgia", "Times New Roman", "Times", serif;}

DIV.poem P.title	{font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size: 15pt;
					font-weight: bold;}
				
					
DIV.poem P		{text-align: 	left;
					margin-left:	10%;
					margin-right:	5%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		11pt;
                    line-height: 	1.3;}

DIV.poem P.centertitle	{text-align: 	center;
					margin-left:	10%;
					margin-right:	10%;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		14pt;
					font-weight:	bold;}
                    
DIV.poemrightjustify		{text-align: 	right;
					margin-left:	15%;
					margin-right:	10%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		11pt;}
					
DIV.poem P.center	{text-align: 	center;
					margin-left:	10%;
					margin-right:	10%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		11pt;}
					
DIV.prose P	        {text-align: 	left;
					margin-left:	5%;
					margin-right:	5%;
					
					font-size:		12pt;
					line-height: 	1.4;}
					
DIV.cent P	{text-align: 	center;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		12pt;
					line-height: 	1.4;}
					
DIV.footnote P	{text-align: 	left;
					margin-left:	15%;
					margin-right:	15%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		10pt;}
					
DIV.prose P.center	{text-align: 	center;
					margin-left:	15%;
					margin-right:	15%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		12pt;}
					
DIV.prose P.cquote  {text-align: 	center;
					margin-left:	15%;
					margin-right:	15%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		10pt;}
					
DIV.prose BLOCKQUOTE	{text-align: 	left;
					margin-left:	5%;
					margin-right:	5%;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		12pt;}
					
DIV.prose P.bookorder{text-align: 	center;
					margin-left:	20%;
					margin-right:	20%;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		10pt;}

DIV.foot P.body		{text-align: 	center;
					font-family: 	"Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
					font-size:		10pt;}

DIV.poemcolumns		{text-align: 	left;
					margin-left:	15%;
					margin-right:	35%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		11pt;
					column-count: 2;
					column-gap: 20px}

DIV.head A:visited 	{ text-decoration: none; 
					font-family: sans-serif;
					font-size: 10pt;
					color: #000000;}
					
DIV.head A:link 	{ text-decoration: none; 
					font-family: sans-serif;
					font-size: 10pt;
					color: #000000;}
					
DIV.head A:active 	{ text-decoration: none; 
					font-family: sans-serif;
					font-size: 10pt;
					color: #000000;}
                    
DIV.head     {background-color: black;
              width: 100%;
              max-width: 750px;
              height: auto;
              margin-left: auto;
              margin-right: auto;
              text-align: center;}
              
IMG.elogo  {width: 80px;
            height: auto;
            padding: 5px;}

IMG.largeicon  {width: 165px;
            height: auto;
            padding: 1px;}

IMG.arrow  {width: auto;
            height: 18;
            padding: 1px;}

IMG.artwork  {max-width: 90%;
             height: auto;}
             
.flex-footer {
  display: flex;
  width: 95%;
  max-width: 750px;
  background-color: #000000;
    margin-left: auto;
  margin-right: auto;
}

.flex-footer>div1 {
  background-color: 000000;
  width: 100%;
  text-align: left;
  justify-content: left;
  align-items: left;
  line-height: auto;

}

.flex-footer>div2 {
  background-color: 000000;
  height: auto;
  justify-content: right;
  align-items: right;
  text-align: right;
}

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

DIV.content         {width: 100%;
                    margin-left: auto;
                    margin-right: auto;}
 
DIV.prose           {width: 100%;
                    margin-left: auto;
                    margin-right: auto;}
  
DIV.poem            {width: 100%;
                    margin-left: 1%;
                    margin-right: 1%;}
					
DIV.poem P		{text-align: 	left;
					margin-left:	1%;
					margin-right:	1%;
					font-family: 	"Garamond", "Georgia", "Times New Roman", "Times", serif;
					font-size:		11pt;
                    line-height: 	1.3;}
                    
.flex-footer        {width: 100%;}

hr                  {width: 85%;}

IMG.arrow           {width: auto;
                    height: 24;
                    padding: 1px;}

IMG.artwork  {max-width: 90%;
             height: auto;}
}