<style> @font-face { font-family: Futura-medium; src: url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dwc1715bcd/font/Futura-medium/Futura-medium.eot#iefix) format("embedded-opentype"), url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dw216650d8/font/Futura-medium/Futura-medium.otf) format("opentype"), url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dw7588ebb3/font/Futura-medium/Futura-medium.woff) format("woff"), url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dw0825b929/font/Futura-medium/Futura-medium.ttf) format("truetype"), url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dwc1216982/font/Futura-medium/Futura-medium.svg#Futura) format("svg"); font-weight: 400; font-style: normal } #blackfriday h2, #blackfriday p { color: #3C3B3A !important; } .lightbox { background-color: #ffffffe8; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #blackfriday h2 { font-family: "Futura-medium", "Arial", "FreeSans", sans-serif; font-weight: bold; } #blackfriday p { font-family: "Futura-medium", "Arial", "FreeSans", sans-serif; padding-bottom: 18px; font-weight: 500; } section#blackfriday { height: 675px; background-image: url(https://www.cathkidston.com/on/demandware.static/-/Library-Sites-ckidst-content-global/default/dwa827a3a8/images/campaigns/xmas-coming-soon/cath_aw20_christmas_holding_page_print_bgd.jpg); background-size: cover; position: relative; background-repeat: no-repeat; } #blackfriday .btn-primary { background: #3c3b3a; } #blackfriday .btn-primary:hover { border-color: #3c3b3a; color: #3c3b3a; background: transparent; } </style> <section id="blackfriday"> <div class="container text-center"> <div class="row"> <div class="col-12 col-md-6 pt-4 pb-4 pl-5 pr-5 lightbox"> <h2 class="pb-4">Christmas With Cath Kidston</h2> <p class="pb-4">We’ll see you soon for the making of magic once more.</p> <p class="pb-4">Sign up to our newsletter here</p> <div class="col-12 col-sm-6 offset-sm-3 col-md-6 offset-md-3"> <a class="btn btn-primary mb-1 mr-1" role="button" href="https://www.cathkidston.com/en-gb/emails-content/collection-email-signup.html">Sign up</a> </div> </div> </div> </div> </section>