﻿* { -webkit-font-smoothing:subpixel-antialiased; -webkit-text-size-adjust:none;}
body {font-family: "Open Sans",sans-serif;margin:0; padding:0;
      position:relative;min-height:1000px;background-color:rgba(184,202,215,1);
	background-repeat: repeat-x;
	background-position: center 71px;
	}
body::before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/ukc-background.jpg");
	background-repeat: repeat-x;
	background-position: center 71px;
    background-size:2000px;
}
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	body::before {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/ukc-background_2x.jpg");
	}
}
.container {width:960px;margin:0 auto;position:relative;z-index:2;}
.container::after{
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.logoParent {background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoZWFkZXJHcmFkaWVudCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNlMWU1ZTgiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTRiNWJjIiAvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNoZWFkZXJHcmFkaWVudCkiIC8+PC9zdmc+);
  background: -moz-linear-gradient(top, #e1e5e8 0, #a4b5bc 100%);
  background: -webkit-linear-gradient(top, #e1e5e8 0, #a4b5bc 100%);
  background: -ms-linear-gradient(top, #e1e5e8 0, #a4b5bc 100%);
  background: -o-linear-gradient(top, #e1e5e8 0, #a4b5bc 100%);
  background: linear-gradient(to bottom, #e1e5e8 0, #a4b5bc 100%);
  height:71px;}
.ukcLogo {
    max-width:125px;
    height:70px;
    padding:20px 0;
    color:#fff;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    margin:0 auto;
    font-size:16px;
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/UKC-mobile-logo.fs8.png");
	background-repeat: no-repeat;
	background-position: center top;
    background-size:125px;
	position:relative;
	z-index:2;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.ukcLogo {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/UKC-mobile-logo_2x.fs8.png");
	}
}
.header {position:relative;
	width:960px;padding-top:13px;
}
.topPanel {border: 4px solid rgba(25,25,25,1);min-height:80px;width:800px;margin:0 auto;text-align:center;border-radius:24px;position:relative;
           background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJ0b3BQYW5lbEdyYWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmJlYjdjIiAvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYjAxNyIgLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdG9wUGFuZWxHcmFkKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #fbeb7c 0, #ffb017 100%);
  background: -webkit-linear-gradient(top, #fbeb7c 0, #ffb017 100%);
  background: -ms-linear-gradient(top, #fbeb7c 0, #ffb017 100%);
  background: -o-linear-gradient(top, #fbeb7c 0, #ffb017 100%);
  background: linear-gradient(to bottom, #fbeb7c 0, #ffb017 100%);}

.topPanel::before,
.topPanel::after {
    content:"";
    width:11px;
    height:13px;
    top:-17px;
    position:absolute;
    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/chainLink.fs8.png");
    background-size:11px;
}
.topPanel::before {
    left:100px;
}
.topPanel::after {
    right:100px;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.topPanel::before {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/chainLink_2x.fs8.png");
	}
    .topPanel::after {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/chainLink_2x.fs8.png");
    }
}
	
.topPanel h2 {font-size:42px;line-height:44px;color:rgba(0,24,255,1);text-shadow: 2px 2px 2px rgba(255,255,255,0.8);letter-spacing:-2px;font-weight:800;margin:4px 0 0;}
.topPanel h3 {font-size:24px;line-height:28px;color:rgba(0,18,196,1);text-shadow: 2px 2px 2px rgba(255,255,255,0.8);font-weight:800;margin:0 0 4px;letter-spacing:-1px;}

.progressive {z-index:4;height:110px;overflow:visible;margin: 0 -70px;position:relative;
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/MM-progressive.fs8.png");
	background-repeat: no-repeat;
	background-position: center 0;
    background-size:430px;
	-moz-animation: progani 1s steps(3) infinite;
	-webkit-animation: progani 1s steps(3) infinite;
	animation: progani 1s steps(3) infinite;
	transform:scale(1.0);
	transform-origin: center top;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.progressive {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/MM-progressive_2x.fs8.png");
	}
}
@-moz-keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -330px;}
    }
@-webkit-keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -330px;}
    }
@keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -330px;}
    }

.amount {position:absolute;left:221px;top:37px;}
.amount .progs {margin:0;padding:0;}
.amount .progs .proginput {font-weight:bold;border:none 0px #999;width:150px;text-align:center;color: rgba(243,209,0,1);background: #000;font-size:20px;padding:6px 15px 4px;letter-spacing:-1px;}

.progressive::before {
    content:"";
    position:absolute;
    z-index:5;
    width:55px;
    height:75px;
    top:-35px;
    left:350px;
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/arrow.fs8.png");
    background-size:55px;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.progressive::before {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/arrow_2x.fs8.png");
	}
}
.ribbon {
    position:absolute;
    height:50px;
    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/red-ribbon.fs8.png");
	background-repeat: no-repeat;
	background-position: center top;
    background-size:400px;
	text-align:center;
	color:rgba(255,255,255,1);
	font-size:34px;
	line-height:38px;
	font-weight:700;
	letter-spacing:-1px;
	text-shadow: 1px 1px 1px #000;
	text-transform:uppercase;
	left:0;
	top:0;
	width:100%;
	z-index:3;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.ribbon {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/red-ribbon_2x.fs8.png");
	}
}
.middle{
    position:relative;
    padding:0px;
    margin-top: 10px;
    }
.middle::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:638px;
}
body[data-device="0"] .middle::after,
body[data-device="2"] .middle::after,
body[data-device="3"] .middle::after,
body[data-device="100"] .middle::after { /*only show extras on desktop and tablet*/
    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/UKC-Winners.fs8.png");
	background-repeat: no-repeat;
	background-position: center top;
    background-size:911px;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
    body[data-device="0"] .middle::after,
    body[data-device="2"] .middle::after,
    body[data-device="3"] .middle::after,
    body[data-device="100"] .middle::after {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/UKC-Winners_2x.fs8.png");
    }
}
.box{
    position:relative;
    z-index:2;
    border:solid 5px rgba(255,1,0,1.0);
    background: rgba(255,255,255,1.0);
    padding: 0  0 8px 0;;
    text-align:center;
	border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	-webkit-border-radius:20px;
    width:290px;
    margin:0 auto;
    top:30px;
    /*min-height:215px;*/
}
	
/* ########################################################################################################## */

.myForm {position:relative !important;text-align:center;z-index:3;}
.myForm h2 {position:relative;/*background:rgba(255,1,0,1.0);*/color:rgba(0,50,163,1.0);font-weight:700;font-size:34px;line-height:34px;margin:15px auto 22px;letter-spacing:-2px;font-style:oblique;text-transform:uppercase;}
.myForm h2::after {
    content:"";
    position:absolute;
    left:0;
    top:35px;
    width:100%;
    height:22px;
    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/underline.fs8.png");
	background-repeat: no-repeat;
	background-position: center top;
    background-size:270px;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.myForm h2::after {
	    background-image: url("//cdn.iredirect.net/webcdn/img/rea/pop/en/ukc/1/underline_2x.fs8.png");
	}
}
.myForm h3 {color:#000;font-weight:700;font-size:18px;line-height:32px;margin:0 auto;letter-spacing:-1px;}
.myForm p {color:#000;font-size:16px;line-height:19px;margin: 0.3em 0;}

.myForm .text_1 {color:rgba(0,50,163,1);font-weight:700;font-size:34px;line-height:34px;font-style:oblique;margin:0 auto;text-transform:uppercase;letter-spacing:-2px;}
.myForm .text_2 {font-weight:700;font-size:18px;letter-spacing:-1px;}
.myForm .text_3 {font-weight:700;font-size:16px;letter-spacing:-1px;margin:-2px 0;}
.myForm .text_3 span {font-weight:800;}
.myForm .text_4 {font-weight:800;font-size:23px;letter-spacing:-1px;margin:20px 0;color:rgba(201,0,0,1);}
.myForm .text_5 {display:block;padding:8px 0;background-color:rgba(201,0,0,1);color:rgba(255,255,255,1);font-size:27px;line-height:32px;font-weight:700;letter-spacing:-1px;margin-top:15px;}
.myForm .text_6 {font-size:10px;font-weight:700;line-height:12px;letter-spacing:-1px;}
.myForm .text_7 {font-size:10px;line-height:12px;letter-spacing:-0.4px;}

.myForm a, .myForm a:visited {color:#c00;}
.myForm a:hover {text-decoration:none;}
.box p.note {font-size:10.4px;margin:0 -8px;}
 
#preform {margin:0 auto;text-align:center;overflow: hidden;border-radius:8px;padding:10px;}
#preform label[for="email"], #preform label[for="firstName"], #preform label[for="lastName"] {display:block;font-size:14px;line-height:14px;font-weight:700;letter-spacing:-1px;margin-bottom:0;}
/*#preform label.error {position:absolute;display:inline;background:url(/img/icon-error.png) 1px 1px no-repeat;width:18px;height:18px;font-size:0 !important;line-height:0 !important;margin-top:5px;text-indent:-10000px !important;color:transparent;margin-left:2px;}
#preform label.success {position:absolute;display:inline;background:url(/img/icon-success.png) 1px 1px no-repeat;width:18px;height:18px;font-size:0 !important;line-height:0 !important;margin-top:5px;text-indent:-10000px !important;color:transparent;margin-left:2px;}*/
#preform input {font-family: "Open Sans",sans-serif;font-weight:600;width:210px;height:16px;background:#f2f2f2;border:1px solid #c3c3c3;margin-bottom:10px;padding:10px;border-radius:3px;}
#preform input.btn {width:240px;height:54px;font-weight:bold;color:#fff;font-style:normal;cursor:pointer;white-space: pre-wrap;word-break: keep-all;font-size:32px;line-height:21px;padding:10px 0;text-transform:uppercase;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #a53e00;text-shadow: 1px 1px 1px #000000;background: rgb(219,10,0);-webkit-appearance:none;}

#preform input.error, #preform select.error {border-color: rgba(255,0,0,1); box-shadow: 0 0 3px 0 rgba(255,0,0,1), 0 0 3px 0 rgba(255,0,0,1), 0 0 3px 0 rgba(255,0,0,1);}
#preform input.valid, #preform select.valid {border-color: rgba(38,117,218,1); box-shadow: 0 0 3px 0 rgba(38,117,218,1), 0 0 3px 0 rgba(38,117,218,1), 0 0 3px 0 rgba(38,117,218,1);}

.divideForm {padding:0;margin:0 auto;}

.text_6 {color:#fff;font-weight:bold;font-size:12px;text-align:center;margin-top:5px;}
	
/* ########################################################################################################## */

.accept {color:rgba(41,97,146,1);font-weight:700;font-size:13px;margin: 0 0 20px 0;text-align:left;padding-left:30px;}
.payMethods {position:relative;
    border:2px solid rgba(244,147,53,1);
    border-radius:12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJwYXlNZXRob2RzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmOGVmYzMiIC8+PHN0b3Agb2Zmc2V0PSI0OCUiIHN0b3AtY29sb3I9IiNlMGQwNmYiIC8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjOGE1NGIiIC8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZkMDY5IiAvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNwYXlNZXRob2RzKSIgLz48L3N2Zz4=);
  background: -moz-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -webkit-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -ms-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -o-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: linear-gradient(to bottom, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  margin:0 auto;
  width:260px;height:64px;}
  
.paypal {
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment.fs8.png");
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size:100px;
	width:50px;
    height:15px;
	border: none;
	vertical-align:bottom;
}
.visa {
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment.fs8.png");
	background-repeat: no-repeat;
	background-position: -50px 0;
    background-size:100px;
	width:25px;
    height:15px;
	border: none;
	vertical-align:baseline;
}
.mastercard {
    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment.fs8.png");
	background-repeat: no-repeat;
	background-position: -75px 0;
    background-size:100px;
	width:25px;
    height:15px;
	border: none;
	vertical-align:baseline;
}							 
@media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:2dppx) {
	.paypal {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment_2x.fs8.png");
	}
    .visa {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment_2x.fs8.png");
    }
    .mastercard {
	    background-image: url("//img.iredirect.net/webcdn/img/rea/pop/en/ukc/1/payment_2x.fs8.png");
    }
}

.footer {padding-top: 0;}
.copyright {text-align:center;}
.copyright h3 {margin-bottom:0;color:#fff;}
.copyright p {margin-top:4px;color:#fff;text-decoration:none;}
.copyright a {color:rgba(225,225,225,1) !important;}
.copyright a:hover {text-decoration:none;}
.livechat {width:190px;margin:0 auto 16px;padding:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.4);height:35px;position:relative;z-index:4;}
.copy {text-align:center;font-size:12px;}
.copy p {margin-bottom:0;}

.avd{margin:0 auto 10px;padding:10px 10px 5px;background:#fff;max-width:420px;-webkit-border-radius:5px;border-radius:5px;}
.avdtxt{height:auto; padding:0; margin:0 auto; font-family:Arial,verdana, Sans-Serif; font-size:12px; color:#5d5d5d;text-align:center;}
.avdimg{margin:0 auto;text-align:center;}
.avdimg .norton{background-image:url(//img.iredirect.net/webcdn/img/rea/shared/secimages/norton.jpg); background-repeat:no-repeat; width:104px; height:50px;margin-right:10px;display:inline-block;}
.avdimg .mcaffee{background-image:url(//img.iredirect.net/webcdn/img/rea/shared/secimages/mcafee.jpg); background-repeat:no-repeat; width:106px; height:50px;margin-right:10px;display:inline-block;}
.avdimg .safesecure{background-repeat:no-repeat; width:91px; height:50px;display:inline-block;}
.affid{background-color:#111111;font:normal 11px Arial,Helvetica;color:#999;text-align:left;vertical-align:middle;border:1px solid #090909;padding:3px 4px;margin:9px 10px 15px;clear:both;}
.footerTracking {width:calc(100% - 40px);max-width:420px;background-color:#111111;font:normal 11px Arial,Helvetica;color:#555;text-align:left;vertical-align:middle;border:1px solid #222222;padding:3px 4px;margin:4px auto;clear:both;}
.pinkSlime {border:none !important;width:auto !important;text-align:center !important;}

.regulated {text-align:center;color:#999;font-size:11px;margin:4px auto 0;max-width:360px;padding-bottom:40px;font-weight:600;}
.regulated a {color:#ccc;}
.regulated a:hover {text-decoration:none;}

.UKreg {max-width:440px;margin:12px auto 0;text-align:center;}
.eighteenplus {display:inline-block;width:29px;height:32px;background: url(/rea/shared/UK-reg/img/ukgc-icons-white.fs8.png) no-repeat 0 0;}
.mga {display:inline-block;width:95px;height:32px;background: url(/rea/shared/UK-reg/img/ukgc-icons-white.fs8.png) no-repeat 0 0;margin: 0 6px;background-position: -153px bottom;}
.gamcon {display:inline-block;width:119px;height:32px;background: url(/rea/shared/UK-reg/img/ukgc-icons-white.fs8.png) no-repeat -32px 0;}
.begamblingaware {display:inline-block;width:125px;height:32px;background: url(/rea/shared/UK-reg/img/ukgc-icons-white.fs8.png) no-repeat 0 0;margin: 0 6px;background-position: -248px bottom;}

.licence {max-width:440px;margin:12px auto 0;color:#ccc;text-align:center;font-size:10px;padding:0 10px;}

.secondFoot {background:#000;color:#fff;text-align:center;position:relative;z-index:3;margin-top: 100px;padding-top:1px;padding-bottom:20px;}

/* ########################################################################################################## */

/* temp */
html::after {position:absolute;top:0;left:0;color:#000;background:#ff0;padding:2px;font-family: "Open Sans",sans-serif;font-weight:bold;font-size:11px;opacity:0.7;
             content:"optimised for 1000px and above";display:none;/*  */z-index:999; }


/*******************************************************************************************/
/********************************** RESPONSIVE STYLES **************************************/
/*******************************************************************************************/

/** optimised for between 720px and 999px **/
@media only screen and (max-width:999px) {
	html::after {content:"optimised for between 720px and 999px";}
	.container {width:700px;}
	body {background-size:100% 790px;}
    body::before, body::after, .header, .middle::after {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	    transform: scale(0.75);
	    width:133.333333%;
    }
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	}
    .middle{margin-top: -25px;}
    .middle::after {top:20px;}
    .footer {padding-top:0;}
    .text_6 {margin-top:40px;}
}
/** optimised for between 640px and 719px **/
@media only screen and (max-width:719px) {
	html::after {content:"optimised for between 640px and 719px";}
	.container {width:620px;}
	body {background-size:100% 704px;}
    body::before {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	    transform: scale(0.75);
	    width:133.333333%;
    }
    .middle{margin-top:-25px;}
    .middle::after {display:none;}
    .text_6 {margin-top:5px;}
}

/** optimised for between 580px and 639px **/
@media only screen and (max-width:639px) {
	html::after {content:"optimised for between 580px and 639px";}
	.container {width:560px;}
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.6666666666666667);
	    -webkit-transform: scale(0.6666666666666667);
	    -o-transform: scale(0.6666666666666667);
	    -ms-transform: scale(0.6666666666666667);
	    transform: scale(0.6666666666666667);
	    width:150.00%;
    }
    .middle {margin-top: -30px;}
}

/** optimised for between 480px and 579px **/
@media only screen and (max-width:579px) {
	html::after {content:"optimised for between 480px and 579px";}
	.container {width:460px;}
	body {background-size:100% 529px;}
    .header {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.50);
	    -webkit-transform: scale(0.50);
	    -o-transform: scale(0.50);
	    -ms-transform: scale(0.50);
	    transform: scale(0.50);
	    width:200.00%;
    }
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	}
	.middle {margin-top: -50px;}
    .topPanel h3 {font-size: 30px;line-height: 30px;}
}
/** optimised for between 360px and 479px **/
@media only screen and (max-width:479px) {
	html::after {content:"optimised for between 360px and 479px";}
	.container {width:340px;}
	body {background-size:100% 396px;}
    body::before {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	    transform: scale(0.75);
	    width:133.333333%;
    }
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.40);
	    -webkit-transform: scale(0.40);
	    -o-transform: scale(0.40);
	    -ms-transform: scale(0.40);
	    transform: scale(0.40);
	    width:250%;
    }
    .ribbon, .progressive {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.72);
	    -webkit-transform: scale(0.72);
	    -o-transform: scale(0.72);
	    -ms-transform: scale(0.72);
	    transform: scale(0.72);
        width:138.8888888888889%;
	}
	.progressive {
	    -moz-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	    transform: scale(0.75);
	    width:150%;
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    margin:0 -18px;
	}
	.progressive::before {transform:rotate(35deg);transform-origin:center bottom;}
	.myForm .text_5 {margin-top:-15px;}
    .middle {margin-top:-70px;}
    .avd {margin:0 10px 10px;}
    .regulated {max-width:280px;}
    .UKreg {width:320px;}
    .eighteenplus {width:160px;}
    .gamcom {width:160px;}
    .box {top:15px;}
    
    .topPanel h2 {font-size:60px;line-height:60px;}
    .topPanel h3 {font-size:40px;line-height:44px;margin-left:80px;margin-right:80px;}
    .middle {margin-top: -180px;}
}

/** optimised for between 320px and 359px **/
@media only screen and (max-width:359px) {
	html::after {content:"optimised for between 320px and 359px";}
	.container {width:300px;}
	body {background-size:100% 396px;}
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.333333);
	    -webkit-transform: scale(0.333333);
	    -o-transform: scale(0.333333);
	    -ms-transform: scale(0.333333);
	    transform: scale(0.333333);
	    width:300%;
    }
    .ribbon {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.72);
	    -webkit-transform: scale(0.72);
	    -o-transform: scale(0.72);
	    -ms-transform: scale(0.72);
	    transform: scale(0.72);
        width:138.8888888888889%;
	}
	.progressive {
	    -moz-transform: scale(0.666667);
	    -webkit-transform: scale(0.666667);
	    -o-transform: scale(0.666667);
	    -ms-transform: scale(0.666667);
	    transform: scale(0.666667);
	    width:150%;
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    margin:0 0;
	}
	.progressive::before {transform:rotate(50deg);transform-origin:center bottom;}
    .footer {margin: 0 auto;}
    .middle {margin-top: -230px;}
    .middle::after {top: 470px;}
    
    .copyright p > span {display:block}
    .avd {margin:0 10px 10px;}
    .UKreg {width:280px;}
    .eighteenplus {width:140px;}
    .gamcom {width:140px;}
    
    .topPanel h2 {font-size:64px;line-height:64px;}
    .topPanel h3 {font-size:48px;line-height:52px;}
    .middle {margin-top: -230px;}
}