html{font-size:20px}body{font-family:"Lobster",sans-serif;margin:0;padding:0;background:#f4f4f4;color:#4d2e1a}#page-container{position:relative;min-height:100vh;padding-bottom:4.5rem}#header{padding:2rem 1rem 1rem}#header .brand{display:flex;justify-content:center;align-items:flex-end;gap:1.25rem;color:#4d2e1a;flex-wrap:wrap;text-align:center}#header .brand img{max-width:180px;height:auto}#header .brand h1{font-size:3.4rem;margin:0;line-height:1}#header .annotation{padding-top:1rem;color:#4d2e1a;font-family:Roboto,sans-serif;text-align:center;font-size:1.8rem}#header .annotation p{margin:0}#main{padding:2rem}#main .offer-box-wrapper{justify-content:center}#main .offer-box{display:flex;align-items:stretch;justify-content:center;text-align:center}#main .offer-box a{text-decoration:none;display:block;width:100%;transition:transform .3s ease}#main .offer-box a:hover{transform:scale(.97)}#main .offer-box img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}#main .offer-box h3{transition:color .3s ease,transform .3s ease;font-size:3.1rem;color:#4d2e1a;margin:1rem 0 0;line-height:1.1}#main .offer-box a:hover h3{transform:scale(1.04);color:#000}#footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:1rem;font-family:Roboto,sans-serif;font-size:.9rem;color:#4d2e1a}@media (max-width:991.98px){#header .brand h1{font-size:2.8rem}#header .annotation{font-size:1.5rem}#main .offer-box h3{font-size:2.8rem}}@media (max-width:767.98px){html{font-size:18px}#main{padding:1.25rem}#header .brand{gap:.75rem}#header .brand img{max-width:140px}#header .brand h1{font-size:2.3rem}#header .annotation{font-size:1.2rem}#main .offer-box h3{font-size:2.3rem}}