body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

html, body {
    height: 100%;
}

header {
    background: none;
    padding:.5em;
}

header img {
   max-width:100% !important;
   max-height:100% !important;
   width:40px !important;
   padding:0em;
}

body {
    background: url('/images/background.jpg') no-repeat;
    background-size: cover;
}


.prize-info {
    padding: 2em 15px 0;
    min-height: 400px;
    background: #fff;
}

    .prize-info img {
        margin: .5em 1em 1em;
        max-width: 300px;
        height: auto;
    }

    .prize-info h5 span {
        color: #399928;
        display: inline;
    }

    .prize-info h1 {
        font-size: 3em;
        font-weight: 500;
    }
    
    .prize-info span .statement {
        margin-bottom:0;
        padding-bottom:10px;
    }

.container {
    max-width: 1300px;
}


.registration-container {
    background: #404B55;
    color: #fff;
    margin-top:0 !important;
}

.registration-container form {
    max-width:425px;
    margin:0 auto;
}

    .registration-container form input[type='radio'] {
        display: inline;
    }

    .registration-container .form-group.terms label {
        font-weight:normal
    }

    .registration-container .dob {
        width: auto;
        margin-right: -15px;
        margin-left: -15px;
    }

    .prize-info img {
        margin:.5em auto;
    }

    .registration-container form a, .registration-container form a:hover, .registration-container form a:active {
        color: #fff;
    }

    .registration-container p {
        margin-left: auto;
        text-align:center;
        max-width: 100%;
    }

    .registration-container input[type='text'], .registration-container input[type='email'], .registration-container select {
        width: auto;
        min-width: 320px;
    }

    .registration-container form label {
        color:#fff;
    }

    .prize-info span {
        color: #999;
        display: block;
        margin-bottom: 10px;
    }

    .prize-info span a {
        color: #999;
        text-decoration: none;
    }

.dateofbirth-container {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.row.dob {
    justify-content: center;
}

.reg-container {
    margin-top: 3em;
}

    .reg-container img {
        margin: 1em auto;
        display: block;
    }

.forms-area {
    background: #333;
    color: #fff;
    padding-top: 2em;
    padding-bottom: 2em;
}

    .forms-area h1, .forms-area p {
        text-align: center;
    }

    .forms-area .form-group {
        text-align: left;
    }

.reward-area {
    text-align: center;
    background: #005897;
    color: #fff;
}


footer, .footer-statement {
    background: #333;
    color: #fff;
}

    footer a, .footer-statement a {
        color: #fff;
    }

.forms-area .stage.questions h2 {
    font-size: 1.2em;
    color: #ccc;
}

.stage.questions {
    text-align: center;
}

    .stage.questions label {
        display: block;
        margin: 1.5em auto;
        max-width: 400px;
        background: #005897;
        border-radius: 20px;
        padding: 1em;
        box-shadow: #38090a 5px 5px 5px;
        cursor: pointer;
    }

    .stage.questions input[type='radio'] {
        visibility: hidden;
    }

.stage .form-group label {
    margin-right: .5em;
}

.validation-message {
    text-align: left;
    display: none;
}

.form-group.terms.nocheckbox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.form-group.terms.checkbox {
    display: flex;
}

    .form-group.terms.checkbox input {
        margin: 5px 10px;
    }

.form-group.terms label,
.form-group.terms p {
    font-size: .7em;
    text-align: left;
}

#postcode-lookup {
    position: relative;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    max-width:300px;
}

    #postcode-lookup input[type='text'] {
        min-width:0;
    }

#getaddress_error_message {
    display: none;
}

#getaddress_button {
    max-height: 35px;
}

#getaddress_dropdown {
    position: absolute;
    max-width: 100%;
    margin-left:-10px;
}

.btn-continue {
    background: #f9b61f;
    width: 90%;
    min-width: 300px;
    margin: 0 auto;
    display: block;
    box-shadow: #38090a 2px 2px 2px;
}

@media (max-width:787px) {
    .container {
        margin-top: 0;
    }
}