body
{
    /*margin: 10px auto;*/
    /*width: 925px;*/
    margin-top: 0px;
    margin-left: 60px;
    background-color: #FFFFFF;
    /*background-image: url('../images/inktoner_recycling_landing.png');
    background-repeat: no-repeat;
    background-position:center top;*/
    font-family: "Open Sans", Sans-Serif;
}
.flex-container 
{
    display: flex;
    flex-wrap: wrap;
}

.flex-left
{
    flex: 50%;
}

.flex-right {
    flex: 50%;
    background-color: #f3f3f3;
}


.clear
{
    clear:both;
}

.divODlogo 
{
    float: left;
    height: 100px;
    width: 300px;
    margin-top: 60px;
    background-image: url('../images/OD/Office Depot-Office Max-Logo White.png'); 
    background-size: 250px; 
    background-repeat: no-repeat;
    background-position: left center;
}

/*** spacers between fields and lables ***/
.divFormRow
{
    clear:both;
    height: 42px;
}

.divFormRow2 {
    clear: both;
    height: 42px;
    float: left;
    margin-left: 230px;
}
.divLabel
{
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
    text-align: right;
    color: #202020;
   /* font-weight: bold;*/
    font-size: 17px;
}
.divLabel2 {
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
    text-align: right;
    color: #202020;
   /* font-weight: bold;*/
    font-size: 17px;
}
.divField
{
    float: left;
    /*vertical-align:bottom;
    bottom: 0px;*/
}
.divReCaptchaRow
{
    clear:both;
    height: 80px;
    margin-top: 20px;
}
.btnContinue 
{
    font-size: 14px;
    font-weight: bold;
    background-color: #1f5a99;
    color: white;
    border-style: none;
    border-radius: 6px;
    cursor: pointer;
}
.btnContinue:hover 
{
    /*background-color: #32CD32;*/
    background-color: #1f5a99;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;

}

.logoSpacer
{
    height: 100px;
    clear: both;
}

@media screen and (max-width: 800px) {
    .flex-left, .flex-right {
        flex: 100%;
    }

    .flex-right {
        background-color: #ffffff;
    }

    .divLabel, .divLabel2 {
        text-align: left;
    }

    .logoSpacer {
        height: 10px;
    }

    .divFormRow2 {
        margin-left: 30px;
    }
}