﻿.competition {
    position: relative;
    float: left;
    background-color: black;
    color: white;
    text-align: center;
    max-width: 100%;
    min-height: 1412px;
}

    .competition img.background {
        position:absolute;
        top:0;
        left:0;
        max-width: 100%;
    }

    .competition span.competitiontitle {
        position:relative;
        float:left;
        width:100%;
        text-align:center;
        font-size:3em;
        font-weight:bold;
    }

    .competition span.competitiondetails {
        position: relative;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        float: left;
        width: 90%;
        margin:3%;
        padding: 2%;
        font-size: 1.5em;
    }
        .competition span.competitiondetails a {color:yellow;}

        .competition span.competitiondetails img{
            position:relative;
            float:left;
            width:30%;
            margin-right:1%;
    }

        .competition span.competitiondetails span.runnersup {
            position: relative;
            float: left;
            width:45%;
            text-align: left;
        }

        .competition span.competitiondetails span.toenter{
            position: relative;
            float: left;
            width:100%;
            clear: both;
            text-align: left;
        }

    .competition .details {
        position: relative;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        float: left;
        width: 66%;
        margin: 10px 14%;
        padding: 5px 3%;
        z-index: 2;
    }

        .competition .details .validate {
            position: relative;
            float: left;
            clear: both;
            padding-left: 120px;
            color: red;
            font-size: 1em;
            z-index: 2;
        }

        .competition .details h3 {
            margin: 0px;
            padding: 5px;
            text-align: left;
        }

        .competition .details span.complabel {
            position: relative;
            float: left;
            clear: both;
            width: 100px;
            padding: 5px;
            text-align: right;
            z-index: 2;
        }

        .competition .details input.comp {
            position: relative;
            float: left;
            margin: 5px;
            z-index: 2;
            max-width: 90%;
        }

        .competition .details span.compentry {
            position: relative;
            float: left;
            margin: 5px;
            z-index: 2;
        }

        .competition .details span.privacy {
            position: relative;
            float: left;
            clear: both;
            z-index: 2;
            font-size: 0.9em;
            vertical-align: bottom;
        }

    .competition .questions {
        position: relative;
        float: left;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        width: 66%;
        margin: 10px 14%;
        padding: 5px 3%;
        z-index: 2;
    }

        .competition .questions .validate {
            position: relative;
            float: left;
            clear: both;
            padding-left: 0px;
            color: yellow;
            font-size: 1em;
            z-index: 2;
        }

        .competition .questions span.compquestion {
            position: relative;
            float: left;
            clear: both;
            padding: 0;
            margin: 0;
            font-size: 1.3em;
            text-align: left;
            z-index: 2;
        }

        .competition .questions input.companswer {
            position: relative;
            float: left;
            clear: both;
            text-align: left;
            margin: 0;
            z-index: 2;
        }

    .competition input.button {
        position: relative;
        float: left;
        clear: both;
        margin-left: 15%;
        padding: 5px;
        z-index: 2;
        top: 0px;
        left: 0px;
        font-size: 1.2em;
    }

    .competition input[type=submit] {
        position: relative;
        float: left;
        background-color: white;
        border: none;
        color: black;
        margin-left: 14%;
        padding: 1%;
        text-decoration: none;
        cursor: pointer;
    }

    .competition .tandc {
        position: relative;
        float: left;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        clear: both;
        width: 90%;
        margin: 3%;
        padding: 2%;
        text-align: left;
        font-size: 0.7em;
        z-index: 2;
    }

    a.toprightimage{display:none !important;}
    a.footer728x90{display:none !important;}

@media screen and (max-width:800px) {
    .competition span.competitiondetails {
        width: 90%;
        margin: 30px 5%;
    }

    .competition span.competitiondetails span.runnersup {
        width: 60%;
    }