@font-face {
    font-family: 'NewBT Regular';
    src: url('https://assets.bt.com/v1/btcome/global/fonts/newBT/newbt-webfont.eot');
    src: url('https://assets.bt.com/v1/btcome/global/fonts/newBT/newbt-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://assets.bt.com/v1/btcome/global/fonts/newBT/newbt-webfont.woff') format('woff'),
        url('https://assets.bt.com/v1/btcome/global/fonts/newBT/newbt-webfont.ttf')  format('truetype'),
        url('https://assets.bt.com/v1/btcome/global/fonts/newBT/newbt-webfont.svg#newbt-webfont') format('svg');
}
.box-model{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -box-sizing: border-box;
}
body{
    background: url('http://img01.bt.co.uk/s/assets/images/background.jpg') #edf0f2 no-repeat center 0;
    font-family:'NewBT Regular',Tahoma,Arial,Verdana;
}
.container {
    width:980px;
    margin:auto;
}
.bg-box{
    background:#f8f7f7;
    padding:30px;
}
.copy{
    width:380px;
    margin:25px 0 0 20px;
}
.hide {
    display:none;
}
.instructions div {
    width: 290px;
    border-bottom: 3px solid #56389c;
    margin: 0 25px 0 0;
    background: #fff;
    height: 130px;
    padding: 5px 0;
}
.instructions .last{
    margin-right:0;
}
.instructions p {
    width:205px;
    padding: 20px 0 0 0;
}
.instructions img{
    display: inline-block;
}
.step {
    width:60px;
    text-align: center;
    color:#56389c;
    font-size:38px;
}
.url{
    color:#56389c;
}
.box-model img{
    display: block;
}
.screen,.step,.instructions p,.instructions div,.copy{
    float:left;
}
h1{
    color:#56389c;
    font-size:56px;
    margin:0 0 20px 0;
}
h2{
    font-size:20px;
}
.blue-button{
    font-size:17px;
    border:1px solid #c4c2c2;
    display:block;
    padding:14px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    text-decoration: none;
    background: #305694;
    background: -moz-linear-gradient(top, #2978b2 1%, #363a7b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2978b2), color-stop(100%,#363a7b));
    background: -webkit-linear-gradient(top, #2978b2 1%,#363a7b 100%);
    background: -o-linear-gradient(top, #2978b2 1%,#363a7b 100%);
    background: -ms-linear-gradient(top, #2978b2 1%,#363a7b 100%);
    background: linear-gradient(to bottom, #2978b2 1%,#363a7b 100%);
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,1);
    width:255px;
    text-align: center;
    margin:auto;
}
.blue-button:hover{
    background: #2978b2;
    background: -moz-linear-gradient(top, #3397d6 2%, #5464bc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#3397d6), color-stop(100%,#5464bc));
    background: -webkit-linear-gradient(top, #3397d6 2%,#5464bc 100%);
    background: -o-linear-gradient(top, #3397d6 2%,#5464bc 100%);
    background: -ms-linear-gradient(top, #3397d6 2%,#5464bc 100%);
    background: linear-gradient(to bottom, #3397d6 2%,#5464bc 100%);
}