* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch;}
html {min-height:100%; font-size:18px;}
body {min-height:100%; text-align:center; font-family:Georgia, serif; position:relative; background:#dda469 url('bg.webp') no-repeat 50% 0;}
a, .link {color:#000; text-decoration:none; transition:all 0.6s;}
a:hover, .link:hover {text-decoration:underline; cursor:pointer;}
img, audio, video, iframe, embed, object {max-width:100%;}
h1 {font-size:inherit; display:inline;}
h2 {font-size:1.2rem; padding:30px 0 15px;}
h3 {font-size:1.2rem; font-style:italic; padding:15px 0 0;}
h4 {font-size:1.11rem; padding:15px 0; border-bottom:1px solid #000; text-align:center;}
h5 {font-size:1.11rem; font-style:italic; padding:15px 0 0;}
h6 {font-size:1rem; padding:15px 0 0;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background:#dda469;}
::-webkit-scrollbar-thumb {background:#bb4513;}
::-webkit-scrollbar-thumb:hover {background:#d00;}
header nav {background:url('bg_menu.webp') no-repeat 50% 50%; background-size:contain; width:100%; max-width:357px; height:88px;}
header nav a {display:inline-block; padding:30px 12px; font-size:1.2rem; font-weight:bold;}
section {background:url('bg_middle.webp') repeat-y 50% 50%; background-size:contain; position:relative; top:16px; width:100%;}
section:before {content:' '; display:block; width:100%; height:16px; background:url('bg_top.webp') no-repeat 50% 100%; background-size:contain; position:relative; top:-16px;}
section:after {content:' '; display:block; width:100%; height:170px; background:url('bg_bottom.webp') no-repeat 50% 0; background-size:contain; position:relative; top:105px;}
article {text-align:left; padding:0 45px;}
section article p {padding:15px 0 0;}
aside {width:100%; background:url('sheriff.webp') no-repeat 50% 0; max-width:350px; min-height:324px; margin:75px auto 0;}
aside article {min-height:330px; font-style:italic;}
footer {display:block; position:relative; font-style:italic; font-size:0.84rem; padding:30px;}
dt {font-weight:bold; padding:12px 0 6px;}
dd {font-style:italic; border-bottom:1px dashed #999; padding:0 0 12px; font-size:0.84rem;}
label {display:block; padding:15px 0 3px;}
input, textarea {border:1px inset #999; font-size:1rem; padding:3px 6px; width:100%; font-family:inherit;}
button {margin:15px 0; background:#dda469; font-weight:bold; padding:15px 30px; font-size:1.2rem; box-shadow:0 0 6px rgba(0,0,0,0.3); cursor:pointer; font-family:inherit; letter-spacing:1px;}

@media (min-width: 990px){
header, main {display:flex; max-width:960px; justify-content:space-between; align-items:end; min-height:210px;}
header nav, header figure, aside {margin:0;}
main {align-items:start;}
section {margin:15px 0; max-width:610px;}
aside {margin:30px 0;}
footer p {position:relative; top:-60px; right:-24px; transform:rotate(-15deg);}
}