@charset "utf-8";

 @font-face {
 font-family: 'Acto';
 src: url('Acto-Thin.otf');
 src: url("acto-thin-webfont.eot?#iefix") format("eot"), url("acto-thin-webfont.woff") format("woff"), url("acto-thin-webfont.ttf") format("truetype"), url("acto-thin-webfont.svg") format("svg");
}
 @font-face {
 font-family: 'Acto-Black';
 src: url("acto-black-webfont.eot?#iefix") format("eot"), url("acto-black-webfont.woff") format("woff"), url("acto-black-webfont.ttf") format("truetype"), url("acto-black-webfont.svg") format("svg");
}

@font-face {
 font-family: "Acta";
 font-style: normal;
 font-weight: normal;
 src: url("http://www.theweek.co.uk/sites/theweek/themes/theweek/fonts/Acta/Acta-Book.eot?#iefix") format("eot"), url("http://cdn2.theweek.co.uk/sites/theweek/themes/theweek/fonts/Acta/Acta-Book.woff") format("woff"), url("http://cdn1.theweek.co.uk/sites/theweek/themes/theweek/fonts/Acta/Acta-Book.ttf") format("truetype"), url("http://cdn2.theweek.co.uk/sites/theweek/themes/theweek/fonts/Acta/Acta-Book.svg") format("svg");
}
 @font-face {
 font-family: "Acta-Bold";
 font-style: normal;
 src: url("http://ads.dennisnet.co.uk/fonts/acta/acta-bold-webfont.eot?#iefix") format("embedded-opentype"), url("http://ads.dennisnet.co.uk/fonts/acta/acta-bold-webfont.woff") format("woff"), url("http://ads.dennisnet.co.uk/fonts/acta/acta-bold-webfont.woff2") format("woff2"), url("http://ads.dennisnet.co.uk/fonts/acta/acta-bold-webfont.ttf") format("truetype"), url("http://ads.dennisnet.co.uk/fonts/acta/acta-bold-webfont.svg") format("svg");
}
@font-face {
 font-family: "Acto-Medium";
 font-style: normal;
 src: url("http://ads.dennisnet.co.uk/fonts/acto/acto-medium-webfont?#iefix") format("embedded-opentype"), url("http://ads.dennisnet.co.uk/fonts/acto/acto-medium-webfont.woff") format("woff"), url("http://ads.dennisnet.co.uk/fonts/acto/acto-medium-webfont.ttf") format("truetype"), url("http://ads.dennisnet.co.uk/fonts/acto/acto-medium-webfont.svg") format("svg");
}
* { margin:0; padding:0; list-style-type:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; border:0; }
body { text-align:center; }
#wrapper { width:1024px; margin:0 auto; padding:12px 12px 50px 12px; }
h1 { font-family: "Acto", Helvetica, Arial, Verdana, sans-serif; line-height: 115px;font-size: 130px; font-weight:100; padding: 24px 0 0; }
#iaw { border-left: 1px solid #a7a9ac; border-right: 1px solid #a7a9ac; clear: both; margin: 25px 0 0; text-align: right; width: 100%; }
#iaw span { font-family: "Acta", Helvetica, Arial, Verdana, sans-serif; font-size: 12px; padding: 0 7px 0 0; position: relative; top: -12px; }
h2 { font-family: "Acto-Black", Helvetica, Arial, Verdana, sans-serif; font-size: 31px; line-height: 28px; padding: 95px 0 0; }
#row1 { overflow: hidden; }
#row1 .col1 { width:327px; float:left; text-align:left; }
#row1 .col2 { width:327px; float:left; text-align:center; }
#row1 .col3 { width:327px; float:right; text-align:left; }
#row2 { background:#fbeded; width:100%; clear:both; padding:12px; overflow:hidden; margin:20px 0 0 0; }
#row2 .col1 { width:20%; float:left; text-align:left; }
#row2 .col2 { width:20%; float:left; text-align:left; }
#row2 .col3 { width:20%; float:left; text-align:left; }
#row2 .col4 { width:20%; float:left; text-align:left; }
#row2 .col5 { width:20%; float:left; text-align:left; }
.appbadge { float:right; }
#columns { width: 100%; padding: 23px 0; overflow:hidden; }
.redarrow { display: inline-block; float: left; width: 17px; }
.column { width:50%; padding:0 25px 15px 0; float:left; }
.column.even { width:50%; padding:0 0px 15px 0; float:left; }
.column p { float: right; font-family: "Acta", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; width: 82%; }
.cta { background: #e51a23 none repeat scroll 0 0; color: #ffffff; display: inline-block;  font-size: 27px;  margin: 0 auto;  padding:12px 45px;  text-align: center;  text-decoration: none; font-family: "Acta", Helvetica, Arial, Verdana, sans-serif;}
.caption { }
.caption p { font-size:16px; font-family:"Acto-Medium", Helvetica, Arial, Verdana, sans-serif; position: relative; top: 7px; height:60px; }
.red { float:left; }
.icon { padding:0 0 0 15px; }
.screen { width: 150px; margin: 0 0 0 14px; }

 @media (max-width: 1050px) {
#wrapper {width:654px;}
 #row1 .col2 { text-align: right; width: 300px;}
#row1 .col3 {width:100%;float:none;text-align:left;clear:both;}
 .appbadge { float: right; margin: 0 66px 0 0;}
 .column p { width: 89%;}
 .red {float: left; margin: 0 0 30px;}
 .column p { width: 89%;text-align: left;}
 .caption p { font-size:14px; height: 68px;}
 .screen { width: 90px;}
}
 @media (max-width: 670px) {
#wrapper {width:100%;}
 #row1 .col1,#row1 .col2  { width: 100%; float:none; text-align:center;}
#row1 .col3 { text-align: center;}
 #row1 .col2 img {width:100%; max-width:202px;}
.appbadge {float: none;  margin: 0;}
h1 { font-size: 104px; }
h2 {padding: 45px 0 0;}
#iaw{text-align:center;  margin: 25px 0;}	  
#row2 .col1 { width:50%; float:left; text-align:center; }
#row2 .col2 { width:50%; float:left; text-align:center; }
#row2 .col3 { width:50%; float:left; text-align:center; }
#row2 .col4 { width:50%; float:left; text-align:center; }
#row2 .col5 { width:50%; margin: 0 0 0 25%; float:left; text-align:center; }
.caption { margin: 0 5px 25px;}
.screen { max-width: 170px;padding: 0 0 0 14px; margin:0;   width: 100%;}
 }
  @media (max-width: 500px) {
#iaw { margin: 35px 0;}
h2 { padding: 22px 0 15px; font-size: 27px;}
#iaw span{padding: 0;top: -2px;width: 100%;display: block;}
h1 { font-size: 58px; line-height: 56px; padding:25px 0 0 0;}
.column, .column.even {  float: left; padding: 0 2% 12px; width: 100%;}
.cta {  padding: 12px 24px;  }