*, 
*:before, 
*:after {
    box-sizing: border-box;
}

body, 
html {
    margin:0;
    padding: 0;
    background-color: #050505;
    font-family: Helvetica,Arial,Droid Sans;
}


body { background-size: cover; }


/* Bgr image setup */
body.csgo { background: url('../images/bgr_csgo.jpg') center top no-repeat; background-size: 625px auto; }
body.lol { background: url('../images/bgr_lol.jpg') center top no-repeat; background-size: 625px auto; }
body.dota { background: url('../images/bgr_dota.jpg') center top no-repeat; background-size: 625px auto; }


h3 { 
    font-size:18px;
    margin:0;
    padding:0;
}

p {
    margin:0;
    padding:0;
}


.wrapper {
    width:320px;
    max-width: 320px;
    margin: 0 auto;
    padding:0 10px;
    height: 100%;
}

header {
    
}

.logo {
    width:129px;
    height: 32px;
    margin: 15px auto 30px;
    text-indent: -9999px;
    background: url('../images/logo_leon.png') center top no-repeat;
    background-size: 129px 32px;
}

.text-holder > h3 {
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    color:#fff;
    text-align: center;
    font-style: italic;
    letter-spacing: -0.7px;
}

.text-holder > p {
    text-align: center;
    font-size:15px;
    color:#505963;
}

.steps-holder {
    background: url('../images/bgr_steps.png') left top no-repeat;
    background-size: 31px 146px;
    color:#fff;
    padding-left:45px;
}
.steps-holder > h3 {
    font-size:16px;
}
.steps-holder > p {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size:16px;
    color:#6e7377;
    letter-spacing: -0.5px;
}

.btn {
    display: block;
    color:#523a07;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    height:45px;
    line-height: 45px;
    
    background-image: -moz-linear-gradient(top, #F5AF17 0%, #D39207 100%);
    background-image: -o-linear-gradient(top, #F5AF17 0%, #D39207 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5AF17), color-stop(100, #D39207));
    background-image: -webkit-linear-gradient(top, #F5AF17 0%, #D39207 100%);
    background-image: linear-gradient(to bottom, #F5AF17 0%, #D39207 100%);    
}