body {
    margin: 0;
    padding: 0;
    width:100%;
    height: 100vh;
    background: #2b4925;
    overflow-x:hidden;

}
*:focus {
    outline: none;
}

/* LANDSCAPE */
/*--------------------------------------------------------------------------------------------------------*/
#main.landscape
{
    position:absolute;
    top:0;
    left:0;
    width: 1920px;
    height:1200px;
    transform-origin: top left;

}
#page_form.landscape
{
    position:absolute;
    width: 1920px;
    height:1200px;
    z-index:10;
    background-image: url('../images/form_landscape.jpg');
}
.form_fields.landscape
{
    position:absolute;
    width: 450px;
    height: 25px;
    font-size:20px;
    border:none;
    background-color: transparent;
}
#name.landscape
{
    top: 711px;
    left: 685px;
}
#surname.landscape
{
    top: 775px;
    left: 685px;
}
#email.landscape
{
    top: 837px;
    left: 685px;
}
#phone.landscape
{
    top: 900px;
    left: 685px;
}
#address.landscape
{
    top: 961px;
    left: 685px;
}

#agree_terms.landscape
{
    position: absolute;
    left: 795px;
    top: 1009px;
    width: 42px;
    height: 42px;
    cursor:pointer;

}
#agree_terms_box.landscape {
    position: absolute;
}
#terms_open.landscape
{
    position: absolute;
    left: 982px;
    top: 993px;
    width: 143px;
    height: 30px;
    cursor:pointer;


}
#terms_open2.landscape
{
    position: absolute;
    left:  843px;
    top: 1009px;
    width: 80px;
    height: 30px;
    cursor:pointer;


}
#terms_open3.landscape
{
    position: absolute;
    left:  860px;
    top: 1165px;
    width: 190px;
    height: 30px;
    cursor:pointer;


}

.agree_checked.landscape
{
    position:absolute;
    left:10px;
    top: 10px;
    width: 14px;
    height: 14px;
    background:black;

}
#form_submit.landscape
{
    position: absolute;
    left:  850px;
    top: 1060px;
    width: 220px;
    height: 80px;
    cursor:pointer;

}
#page_thankyou.landscape
{
    z-index:1;
}

.page_thankyou_back.landscape
{
    position:absolute;
    width: 1920px;
    height:1200px;
    z-index:10;
    background:url('../images/thankyou_landscape.jpg');
}
.completed.landscape
{
    position:absolute;
    width: 1920px;
    height:1200px;
    z-index:10;
    background:url('../images/completed_landscape.jpg');
}
.winnertable.landscape
{
    position:absolute;
    width: 1920px;
    height:1200px;
    z-index:10;
    background:url('../images/winners_landscape.jpg');
}
#winners.landscape
{
    position:absolute;
    left:800px;
    top:600px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:22px;
    color:white;
}



















/* PORTRAIT */
/*--------------------------------------------------------------------------------------------------------*/

#main.portrait
{
    position:absolute;
    top:0;
    left:0;
    width: 1280px; /* doubled */
    height: 2200px; /* doubled */
    transform-origin: top left;
}
#page_form.portrait
{
    position:absolute;
    width: 1280px; /* doubled */
    height: 2200px; /* doubled */
    z-index:10;
    background-image: url('../images/form_portrait.jpg');
}
.form_fields.portrait
{
    position:absolute;
    width: 900px; /* doubled */
    height: 50px; /* doubled */
    font-size:50px;
    border:none;
    background-color: transparent;
}
#name.portrait
{
    top: 1219px;
    left: 188px;
}
#surname.portrait
{
    top: 1349px; /* doubled */
    left: 188px; /* doubled */
}
#email.portrait
{
    top: 1476px; /* doubled */
    left: 188px; /* doubled */
}
#phone.portrait
{
    top: 1606px; /* doubled */
    left: 188px; /* doubled */
}
#address.portrait
{
    top: 1731px; /* doubled */
    left: 188px; /* doubled */
}
#agree_terms.portrait
{
    position: absolute;
    left: 353px;
    top: 1836px;
    width: 84px; /* doubled */
    height: 84px; /* doubled */
    cursor:pointer;
}
#agree_terms_box.portrait {
    position: absolute;
}
#terms_open.portrait
{
    position: absolute;
    left: 636px;
    top: 1825px;
    width: 286px; /* doubled */
    height: 60px; /* doubled */
    cursor:pointer;
}
#terms_open2.portrait
{
    position: absolute;
    left: 441px;
    top: 1850px;
    width: 160px; /* doubled */
    height: 60px; /* doubled */
    cursor:pointer;
}
#terms_open3.portrait
{
    position: absolute;
    left: 484px;
    top: 2137px;
    width: 295px;
    height: 60px;
    cursor:pointer;
}
.agree_checked.portrait
{
    position:absolute;
    left:20px; /* doubled */
    top: 20px; /* doubled */
    width: 28px; /* doubled */
    height: 28px; /* doubled */
    background:black;
}
#form_submit.portrait
{
    position: absolute;
    left: 420px;
    top: 1927px;
    width: 440px; /* doubled */
    height: 128px; /* doubled */
    cursor:pointer;
}
#page_thankyou.portrait
{
    z-index:1;
}
.page_thankyou_back.portrait
{
    position:absolute;
    width: 1280px; /* doubled */
    height: 2200px; /* doubled */
    z-index:10;
    background:url('../images/thankyou_portrait.jpg');
}
.completed.portrait
{
    position:absolute;
    width: 1280px; /* doubled */
    height: 2200px; /* doubled */
    z-index:10;
    background:url('../images/completed_portrait.jpg');
}
.winnertable.portrait
{
    position:absolute;
    width: 1280px; /* doubled */
    height: 2200px; /* doubled */
    z-index:10;
    background:url('../images/winners_portrait.jpg');
}
#winners.portrait
{
    position:absolute;
    left:320px; /* doubled */
    top:1120px; /* doubled */
    font-family: Arial, Helvetica, sans-serif;
    font-size:22px;
    color:white;
}