body { margin:0; padding:0; font-family:arial; color:#000; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } a { outline:none; text-decoration:none; } p { margin:0; padding:0; font-size: 17px; } h1 { padding:0; margin:0; color:#000; text-align:right; font-weight:normal; font-family:nexa; font-size: 33px; display: inline-block; } @media screen and (max-width: 500px) { h1 { font-size: 25px; } p { font-size: 15px; } } .content { width:75%; padding:20px; text-align: center; left: 50%; top: 50%; transform : translate(-50%, -50%); -webkit-transform : translate(-50%, -50%); -ms-transform : translate(-50%, -50%); position: absolute; } @media screen and (max-width: 500px) { .content { width:92%; padding: 20px 4%; } } #trigger { display:block; margin-top:20px; margin-left:auto; margin-right:auto; width:230px; } .coupon{ margin: 15px 0; max-width: 482px; width: 100%; } .coupon_m{ display:none; width: 100%; height: auto; margin: 15px auto; max-width: 167px; } @media screen and (max-width: 500px) { .coupon{ display:none; } .coupon_m{ display:block; } } .conditions{ font-size: 14px; text-align: center; font-size:14px; font-family : arial; } #trigger img{ width: 100%; height: auto; } #back { display:block; width:200px; padding:15px; margin-top:20px; margin-left:auto; margin-right:auto; color:#fff; text-align:center; font-size:16px; text-transform:uppercase; background:#e3000b; } #back:hover { background:#f23f47; } #loader { display:none; margin-top:20px; margin-left:auto; margin-right:auto; } #aimprimer { display:none; }