body {
float:left;
margin-left:5%;
width:100%;
height:199%;
color:yellow;
background-color:navy;
}

div#tua {
	float:left;	
	top:2%;
	left:1%;
	wwidth:auto;
	font:arial;
  	font-weight:bold;
	font-style:italic;
	color:yellow;

}



ul#firstblackline {
    	float:left;
		list-style:none;
	color:yellow;
	
}
 ul#firstblackline li {
	display:inline;
	right:15px;
	font-size:26px;
	}

#firstblackline li a {
display:inline;	
	color:yellow;
}


 img {
    float:left;
    margin-top:15%;
    border-top:8px brown solid;
    border-bottom:8px red solid;  
	border-left:8px brown solid;
	border-right:8px brown solid;
 }
 
div#personofthemonth {
position:left;
    width:auto;
	font:arial;
	font-size:1em;
	color:yellow;
}

  div#irmashattucktext {
position:absolute;
    margin-top:-10%;
}      
div#personname {
float:left;
	width:auto;
	font:arial;
	font-size:1em;
	font-weight:bold;
	color:yellow;
}

div#personofmonthcredentials {
position:absolute;
top:25%;
left:50%;
padding-top:;
width:50%;
font:arial;
font-size:1.5em;33
color:yellow;                            	
}

div#clarktatumauthor {
padding-left:;
padding-top:1%;
font-size:1.5em;
font:arial;
color:yellow;
width:45%;
 text-align:justify;   
}

div#journeyintojoy {
 font-size:1.5em; 
 width:45%;
text-align:justify;
 }
 
  div#journeyintofaith{
 font-size:1.5em;
 width:45%;
  text-align:justify; 
  }

 div#journeyintofruit {
 font-size:1em;
 width:97%;
  text-align:justify; 
 } 
 
 div#journeyintohope {
 font-size:1em;
 width:97%;
 text-align:justify; 
 }
 
 
 img#clarktatumbooks{  
}
div#irmashattucktext {
position:absolute;
top:60%;
left:3%;
width:40%;
font-size:1em;
color:yellow;
}



/^ small display only */

@media (min-width:320px) and (max-width:480px) 
{

* {
 padding: 0%;
 margin: 0%;
}


body {
foat:left
width:auto;
color:yellow;
background-color:maroon;

}

div.tua {
	float:left;
	font:arial;
	font-size:.3em;
	font-weight:bold;
	color:yellow;
}


ul#firstblackline {
	float:left;
	color:yellow;
}
 ul#firstblackline li {
     padding-top:10%;
	}

ul#firstblackline li a {
	display:inline-block;
	color:yellow;
}

div#personofmonthpicturecase{
float:left;
width:auto;
border:2px yellow solid;
clear:both;
}

<br/><br/><br/><br/>
div#personofthemonth{
left:1%;
	font:arial;
	font-size:1em;
	color:yellow;
}


div#personname {
    
	float:left;
	font:arial;
	width:auto;
	font-size:1em;
	font-style:italic;
	font-weight:bold;
	color:yellow;
}

div#personofmonthcredentials {
float:left;
width:auto;
font:arial;
font-size:1em;
color:yellow;                            	
}
div#irmashattucktext {
float:left;
left:3%;
width:auto;
font-size:1em;
color:yellow;
}

}