@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0}
html, body {height:auto}
*, *:after,*:before {box-sizing:border-box}
body {font:20px/1.5 'Lato', sans-serif;color:#000;background:#fff;display:grid;place-items:center;height:100vh}
#printableArea {margin:0 0 50px}
button:hover {}
div.coupons {position:relative;background:#fff;padding:20px;border:4px dashed #000;border-radius:12px;}
h1 {font-size:3.0rem;font-weight:400;color:#000;text-align:center;margin:0 0 10px;line-height:1.2;text-transform:uppercase}
p {text-align:center;line-height:1.2;color:#000}
p.couponInfo {font-size:2.0rem;text-transform:uppercase;margin:0 0 30px}
p.finePrint {font-size:1.0rem;margin:0}
button.printCouponBtn {font-size:20px;cursor:pointer;background:none;padding:8px;border:1px solid black;opacity:1.0}
button.printCouponBtn:hover {opacity:0.5}
button.printCouponBtn img {height:20px;width:auto}
  
  @media only screen and (max-width:800px){}