html, body {
      margin: 0;
      padding: 0;
}
body {
	background: url("images/jzbg.png"); 
	background-repeat:repeat-x;
  	font-family: serif;
  	font-size: 20px;
  	color:black;
	width:100%;
	min-width:600px;
	font-size:100%;
}	
.midtext-row{
      display:flex;
      justify-content:center;      /* centers the block */
      margin-top:80px;             /* space under yellow bar */
      margin-bottom:40px;          /* space above photo */
}

.midtext{
      width:900px;
      max-width:90%;
      text-align:left;             /* left-align text */
      color:#ffffff;
      padding-left:50px;
}

.midtext h2{
      margin:0 0 12px 0;
      font-size:40px;
}

.midtext p{
      margin:0;
      font-size:22px;
      line-height:1.4;
}

.hero{
      margin-top:0;                /* adjust if needed */
}

.hero-img{
      width:100%;
      display:block;
}


.tit {
	font-family: cambria;
  	font-size: 36px;
  	color:white;
	font-weight: bold;
	font-style: italic;
	text-shadow: 3px 3px 3px black;
	letter-spacing:10px;
	padding-top:10px;	
	text-decoration: none;
}
td.hd {
	font-family: cambria;
  	font-size: 36px;
  	color:white;
	font-weight: bold;
	font-style: italic;
	text-shadow: 3px 3px 3px black;
	letter-spacing:10px;
	padding-top:10px;	
}
img.app {
	margin-top:15px;
    border-radius: 8px;
    height:120px;
    border:1;
	box-shadow: 3px 3px 5px gray;
}
.link {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
	text-decoration: none; 
	padding:8px;
}
.link:hover {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:black;
	padding:8px;
	background:lightgreen;
}