* {box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;}
body {margin: 0;font-size:22px;
font-family:Arial, Helvetica, sans-serif;
background-image: url('Bible1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;  
background-size: cover;}
a:link {cursor:pointer;color:blue;text-decoration:underline;}
a:visited {color:green;}
a:hover {color:#fff;text-decoration:none;}
h3 {text-align:center;}
.c {text-align:center;}
p {line-height: 1.3;}
ol.myoL {display: inline-block;text-align: left;}
#topnav {overflow:hidden;background-color:#06f;
position: fixed;top: 0;width:100%;text-align:center;}
#topnav a {cursor:pointer;display:inline-block;color:#fefefe;
padding: 12px 14px;text-decoration:none;}
#topnav a.active {background-color:#ddd;color:#000;}
#topnav a:hover:not(.active) {
background-color:#ddd;color:#000;}
#topnav a:hover {background-color:#ddd;color:#000;}
#mybtn {display:block;position:fixed;
Top:75px;right:30px;
z-index:99;font-size:19px;line-height: 1.6;
border:none;outline:none;text-align:center;
background-color:rgba(255, 0, 0, 0.75);color:#fff;
padding:15px;border-radius:4px;}
.content {display:block;margin:auto;
max-width:50%;padding:70px 10px 50px;color:#000;}
@media print {
#topnav {display: none !important;}}
@media only screen and (orientation: portrait) {
#mybtn {display:none;}}
@media screen and (max-width: 660px) {
#topnav a {Float:left;cursor:pointer;
display:block;color:#fefefe;
font-size:20px;text-align:center;
padding: 8px 10px;text-decoration:none;
Top:90px;right:30px;
z-index:99;font-size:20px;line-height: 1.6;}
.content {padding-top:70px;}
.content {display:block;margin:auto;
max-width:100%;padding:70px 10px 50px;color:#000;}}