* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
html, body
{ width: 100%; height: 100%; font-family: Verdana, "sans-serif"; background-color:#999; }
div { margin: 0 auto; padding: 0; }
h1 { padding: 5% 0 .3% 0; font-weight: 550; opacity: 35%; font-size: 2.76vw; color: darkblue; text-align: center;
font-family: /*"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",*/ "DejaVu Sans", Verdana, "sans-serif"; }
h2 { padding-bottom: 1%; font-weight: 650; opacity: 50%; font-size: 1.14vw; font-kerning: auto; color:#AA1114; text-align: center;
font-family: "Lucida Sans Typewriter", Monaco, "Lucida Console","monospace"; }
h3 { margin: -72% 0 1% 0; font-weight: 600; font-size: .8em; color:#fff000; text-align: center;
font-family: "Courier New","Lucida Sans Typewriter", Monaco, "Lucida Console","monospace"; }
h4 {font-size: .9em; text-align: center; padding: 50px 0 16px 0; }
p { text-align: justify; margin-bottom: 16px; font-family: "Courier New"; font-size: .85em; }
a { color: darkblue; text-decoration: none; }
a:hover { text-decoration: none; }
li { color: aqua; margin: 6px 0 6px 14px; line-height: inherit; text-align: left;}
/*----------------------------------------------------*/
.align-left {text-align: left; }
.blessings { color:#583100; }
.blessings2 { color:#333; /*--font-size: .8vw; font-weight:200; --*/ }
.blue { color: #0000dd;}
.centered { text-align: center; }
.clearfloat { font-size: 0; line-height: 0; margin: 0; padding: 0; clear:both; }
.copyright { font-size: .85vw; color: #333333; text-align: center; margin: 1% 0 2% 0; }
.copyright-sm { font-size: .75vw; color: #333333; text-align: center; margin: 0; }
.finding { text-decoration: underline; color: blue; opacity: 90%; font-weight: 502; }
.footer { font-size: 1vw; color: #333333; width: 50%; margin-top: 310px; text-align: center; }
.footer-index { font-size: .9vw; color: #333333; width: 50%; margin-top: 18%; text-align: center; }
.foot-left { float: left; width: 8%; color: darkblue; font-weight: 500; text-align: center; margin-top: .2vw;
padding-top: .35vw;
background-color: #eee;
border: none;
border-radius: .4vw; box-sizing: border-box;
cursor: pointer;
min-height: 1.8vw;
min-width: 5vw;
}
.foot-center { float: none; width: 90%; color: black; align-content: center; text-align: center; padding-top: .6vw; }
.foot-right { float: right; width: 8%; color: darkblue; font-weight: 500; text-align: center; margin-top: .2vw;
padding-top: .35vw;
background-color: #eee;
border: none;
border-radius: .4vw; box-sizing: border-box;
cursor: pointer;
min-height: 1.8vw;
min-width: 5vw;
}
.give-back { width: 8%; color:#eee; font-weight:; text-align: center; padding: 3px;
background-color: darkblue;
border: none;
border-radius: 5px; box-sizing: border-box;
cursor: pointer;
min-height: 24px;
min-width: 54px;
}
.go { text-align: center; margin: 30px 0 33px 0; font-family: "Courier New"; font-size: .9em; font-weight: 500; }
.hallelujah {margin-top: 20%; align-content: center; font-size: .25vw;}
.here { color: white; font-weight: 600; font-size: 1em; }
.img { width:auto; top: auto; }
.list-col { margin: 4% 0 0 14%; }
.darkred { color: darkred; }
.orange { color: orange; }
.red { color: #AA1114; font-weight: 600;}
.white { color: white; font-size: .9em; font-weight: 400; }
.screen-26 { margin: -68% 7.5% 0 7.5%; padding: .1%; background-color: #666; width: 85%; }
.screen-blowin { margin: -68% 7.25% 0 6.75%; padding: .1%; background-color: #666; width: 86%; }
.screen-flak { margin: -36% 0 0 3%; padding: .1%; background-color: #666; width: 50%; float: left; }
.screen-Home { margin: -67% 10% 0 10%; padding: .1%; background-color: #666; width: 80%; }
.screen-left-lo { margin: -34% 0 0 8%; padding: .1%; background-color: #666; width: 40%; float: left; }
.screen-middle { margin: -70% 5% 0 5%; padding: .1%; background-color: #666; width: 90%; }
.screen-middle2 { margin: -68% 10% 0 10%; padding: .1%; background-color: #666; width: 80%; }
.screen-null { margin: -74% 7.5% 0 7.5%; padding: .1%; width: 0%; }
.screen-rg { margin: -66% 10% 0 10%; padding: .1%; background-color: #666; width: 80%; }
.screen-small-middle { margin: -75% 33% 0 33%; padding: .5%; background-color: #666; width: 34%; }
.screen-tall-middle { margin: -86% 30% 0 30%; padding: .1%; background-color: #666; width: 40%; }
.screen-tall-gg { margin: -79% 30% 0 30%; padding: .1%; background-color: #666; width: 40%; }
.screen-wolf { margin: -42% 0 0 52%; padding: .1%; background-color: #666; width: 50%; float: left; }
.start { width: 650px; height: 730px; margin-top: 0px; background-color: antiquewhite; color: black; font-size: 1em; }
.startB { width: 650px; height: 650px; margin-top: 0px; background-color: antiquewhite; color: black; font-size: 1em; background-image: url("Images/B24.png"); }
.start-box { width: 550px; }
.start-box2 { width: 500px; padding-left: 10px; color: darkbrown; }
.start2 { float: left; width: 18%; padding-top: 2px; }
.start3 { float: right; width: 72%; }
.sub-topic { margin-left: 22px; color:#333; font-size: .85vw; font-weight:200; opacity: 45%; }
.thin-space { font-size: .25em; padding-top: 2px; }
.topic { margin-top: 5px; font-size: .9vw; font-weight:100; opacity: 55%; }
.v-space1 { height: 4px;}
.where { background-image:url("Images/where.jpg"); background-repeat: no-repeat; position: relative; width: 100%; }
/* Containers */
.big-container { height: 100%; width: 100%;}
.slideshow-container { height: auto; width: 63%; margin-top: 10px; }
.c-caption { height: 12px; width: 90%; margin-top: 1.5%; color: midnightblue;
font-size: 1.15vw; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; line-height: 1.4; }
.c-story { width: 70%; height: auto; margin-top: -89%; color: #ffffff;
font-size: .8em; font-family: Verdana, "sans-serif"; line-height: 1.5;}
.c-subtitle { font-size: 1.4vw; color:antiquewhite; margin: -42.7% 0 41.4% 0;text-align: center; }
/* Navigation */
.last { width: 100%; bottom: 30px; position: fixed; text-align: center; }
.np { height: 100%; width: 100%; text-align: center; margin-top: 8.5%; }
.dot { cursor: default; height: 2.5px; width: 2.5px; margin-right: 2.5px;
background-color: #666; opacity: 60%; border-radius: 50%; display:inline-block;
/*transition: background-color 0.6s ease; */ }
.active, .dot:hover { background-color: #AA1114; width: 3.5px; height: 3.5px; margin-top: .65px; }
.navigator { height: 100%; width: 100%; margin-top: -61%; position: relative; }
.nav-end { height: auto; width: 55%; bottom: 60px; position: fixed; text-align: center; }
.prev, .next { height: 100%; cursor: pointer; color: #AA1114; position: relative; opacity: 80%;
font-size: 1.5vw; font-weight:200; user-select: none; }
.prev { float: left; margin-left: -12%; border-radius: 6px; }
.next { float: right; margin-right: -10%; border-radius: 6px; }
.up { float: left; width: auto; margin-left: -7%; padding-top: 6px; color: #AA1114;; opacity: 80%; font-size: 1.2vw; user-select: none; }
.zeffy { position:relative; overflow:hidden; width: 60%; padding-top:100%; margin-top: -70%; }
.zeffy-btn { background-color: darkblue;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: white;
cursor: pointer;
left: calc(50% - 75px);
margin: 10px;
min-height: 30px;
min-width: 80px;
padding: 5px 10px;
text-transform: uppercase;
top: calc(50% - 25px);
justify-content: center;
align-items: center;
}
.zeffy-btn2 { background-color: darkblue;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: yellow;
cursor: pointer;
left: calc(50% - 75px);
margin: 10px;
min-height: 20px;
min-width: 50px;
padding: 5px 10px;
text-transform: uppercase;
top: calc(50% - 25px);
justify-content: center;
align-items: center;
}
/*---------End--------------------------------------------------------------*/