body{
 margin:0;
 font-family:Georgia,serif;
 background:#dfe5d5 url('background.png') center top/cover no-repeat fixed;
}
.overlay{
 min-height:100vh;
 background:rgba(245,242,230,.82);
 padding:20px;
}
.frame{
 max-width:1100px;
 margin:auto;
 border:12px double #465946;
 background:rgba(248,245,235,.88);
 box-shadow:0 15px 40px rgba(0,0,0,.25);
 padding:30px;
}
.header{display:flex;justify-content:space-between;align-items:center}
.medallion{
 width:140px;height:140px;border:6px double #556b55;border-radius:50%;
 display:flex;align-items:center;justify-content:center;font-weight:bold;
 background:rgba(255,255,255,.5)
}
.cartouche{
 max-width:760px;margin:20px auto;padding:30px;
 border:8px double #556b55;border-radius:40px;text-align:center;
}
h1{font-size:clamp(2rem,5vw,4.5rem);margin:0}
h2{font-size:clamp(1.4rem,3vw,2.2rem)}
.contact,.footer{text-align:center}
.actions{text-align:center;margin-top:20px}
.actions a{
 display:inline-block;margin:8px;padding:14px 22px;
 border:2px solid #556b55;text-decoration:none;color:#223322;background:#f3efe4;
}
.qr{margin-top:20px;text-align:center}
@media(max-width:800px){.medallion{display:none}}