*{box-sizing:border-box}
html{background:#cccc99}
body{width:960px;max-width:calc(100% - 20px);margin:65px auto;padding:0;box-shadow:0 0 20px rgba(0,0,0,.8);background:#fff url("images/2014/07/Copy-of-images.jpg") repeat;color:#333;font:14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:#99cccc;text-decoration:none}a:hover{text-decoration:underline;color:#23527c}
:focus-visible{outline:3px solid #101010;outline-offset:3px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:70px;z-index:20;background:white;padding:10px}
.site-nav{position:fixed;top:15px;width:960px;max-width:calc(100% - 20px);min-height:50px;background:rgba(0,0,0,.8);box-shadow:0 2px 15px rgba(0,0,0,.5);z-index:10;border:1px solid transparent}
.nav-links{display:flex;list-style:none;padding:0;margin:0}.nav-links>li{position:relative}.nav-links>li>a,.animal-menu>summary{display:block;padding:15px;line-height:20px;cursor:pointer}
.site-nav a:hover,.site-nav summary:hover{color:#ffff66;text-decoration:none}.site-nav :focus-visible{outline-color:#ffff66;outline-offset:-4px}
.animal-menu{position:relative}.animal-menu>summary{color:#99cccc}.animal-menu>summary{list-style:none}.animal-menu>summary::-webkit-details-marker{display:none}.caret{display:inline-block;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;margin-left:2px}
.animal-menu>ul{position:absolute;top:100%;left:0;min-width:225px;margin:0;padding:5px 0;list-style:none;background:rgba(0,0,0,.94);box-shadow:0 6px 12px rgba(0,0,0,.2)}.animal-menu>ul a{display:block;padding:3px 20px;color:#eee;line-height:1.8}
main{padding:0 15px;display:flow-root;font:20px/1.42857143 Georgia,"Times New Roman",serif}article{display:flow-root}
p{margin:0 0 10px}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.1}
article>h1,.story>h1{font-size:53.333333px;color:#8ab8b8;text-align:center;margin:20px 0 10px}
h2{color:#8ab8b8;font-size:25px;text-align:center;margin:10px 0}h3{font-size:24px;margin:20px 0 10px}
.intro{margin:20px -15px;padding:30px 100px;font-size:25px;font-weight:500}
.photo-card{display:inline-block;float:left;width:49%;min-height:560px;padding:0 5px;font-size:25px;text-align:center;border-radius:5px}.photo-card h2{margin:3px 0}.photo-card p{margin-right:50px;margin-left:20px;color:#000}
img{vertical-align:middle}.photo-card img{border:5px solid #99cccc;border-radius:2px;max-width:400px;box-shadow:3px 3px 5px rgba(0,0,0,.7)}.photo-card:hover{background:#ffff99;border-radius:15px}
.story{display:inline-block;margin:0 40px;border-radius:5px;font-size:25px}.story img{border:3px solid #99cccc;box-shadow:5px 5px rgba(0,0,0,.5);margin-left:220px;max-width:400px}.story p img{margin-left:100px}
.story small{font-size:15px;margin:5px 50px 0}.caption{font-size:15px;margin:5px 50px 0}.caption img{max-width:400px;margin-left:150px;box-shadow:5px 5px rgba(0,0,0,.5)}
.people-card{display:inline-block;float:left;width:49%;min-height:700px;padding:0 5px;font-size:25px}.people-card img{border:3px solid #8ab8b8;border-radius:50%;max-width:100%;height:auto}.people-card h2{font-size:20px;font-weight:500}.people-card .caption{display:inline-block;margin:0;font-size:15px}
.logo-intro{font-size:15px;margin:5px 100px 0 250px}
footer{border-top:1px solid #999;padding:8px 0;height:55px;text-align:center;font:20px/1.42857143 Georgia,"Times New Roman",serif;clear:both}footer ul{list-style:none;margin:0 0 10px;padding:0}footer li{display:inline;color:#cccc99}footer li:not(:last-child)::after{content:' |'}footer a{display:inline-block;padding:2px 8px;background:#99cccc;color:#ffff66;border:2px solid #ffff66;border-radius:10px}footer a:hover{color:#000;border-color:#000;text-decoration:none}
@media(max-width:767px){main{overflow-wrap:anywhere}img{max-width:100%;height:auto}body{margin:10px auto}.site-nav{position:relative;top:auto;width:100%;max-width:100%}.nav-links{flex-wrap:wrap}.nav-links>li{flex:1 1 50%}.nav-links>li>a,.animal-menu>summary{padding:12px 10px;min-height:44px}.animal-menu>ul{position:absolute;max-width:calc(100vw - 30px);min-width:220px}.intro{padding:20px 15px}.photo-card,.people-card{float:none;display:block;width:100%;min-height:0;margin-bottom:30px}.photo-card p{margin-inline:0}.photo-card img{max-width:100%;height:auto}.story{display:block;margin-inline:0}.story img,.story p img,.caption img{display:block;max-width:100%;height:auto;margin:10px auto}.story small,.caption{display:block;margin:5px 0 15px}.people-card img{display:block;margin:0 auto}.logo-intro{margin:5px 0;text-align:center}.logo-intro img{max-width:100%;height:auto}footer{height:auto;min-height:55px;padding:8px}footer a{margin-bottom:4px}}