*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:16px/1.5 Questrial,sans-serif;color:#000;background:url("/assets/bg.jpg") top left repeat;min-height:100vh;display:flex;flex-direction:column}
a{color:#000}
h2,h3,h4{font-family:"Special Elite",Times,serif;font-weight:400;margin:0 0 20px}
h2{font-size:28px}
h3{font-size:20px}
h4{font-size:18px}
p{margin:0 0 20px;line-height:1.5}
strong{font-family:Arial,Helvetica,sans-serif;font-weight:700}
.container{width:min(940px,100% - 40px);margin:0 auto}

#header{height:171px;background:url("/assets/head_bg.png") top left repeat-x;display:flex;justify-content:center;align-items:flex-start;padding-top:12px}
#header .logo img{display:block;width:177px;height:auto}

main{flex:1}
.contactpage{background:#fff;box-shadow:0 0 4px #e3e3e3;margin:40px 0 0;padding:20px}
#contactInfo{max-width:439px}
#contactInfo h4{margin:0}
#contactInfo p:last-child{margin-bottom:0}

#preFooter{background:#000;color:#fefdfd;min-height:200px;margin-top:40px;padding:20px 0}
#preFooter .container{display:flex;gap:20px}
#pre1,#pre2{flex:1 1 0}
#preFooter h3{display:inline;color:#fefdfd;line-height:24px;margin:0}
#preFooter h3 span{font-family:Questrial,sans-serif;font-size:16px}
#preFooter p{display:inline}
#pre1 p.block{display:block;margin:15px 0 9px}
#pre1 p.block a{margin-right:12px}
#pre1 p.block img{vertical-align:middle}

#copy{text-align:center;line-height:24px;height:24px}

@media (max-width:640px){
  #preFooter .container{flex-direction:column}
  .contactpage{margin-top:24px}
}