html {

    height: 100%;
    width: 100%;

    font-family: 'Roboto', sans-serif;
    font-weight: 300;

    padding: 0;

}

body {

    height: 100%;
    width: 100%;

    padding: 0;
    margin: 0;

}



/*OFFER*/

#offer-col_left {
    
    width: 50%;
    float: left;
    height: auto;
    
}

#offer-col_right {
    
    width: 50%;
    float: left;
    height: auto;
    
}

/******************************************************************************/

#header {

    width: 60em;
    height: auto;

}

#header-bg {

     height: 6em;
     width: 100%;
     background: url('tlo.png');
     overflow: hidden;
     background-size: cover;
     background-position: 10%;

}

#header-logo {

    height: auto;
    width: 100%;
    text-align: center;
    padding: 1em 0em 0.5em 0em;
    background-color: white;

}

#page {

    width: 60em;
    min-width: 800px;

    position: static;

    margin-left: auto;
    margin-right: auto;

    height: 100%;

    background-color: rgba(231, 231, 231, 1.0);


}

#content-container {

    height: auto;
    min-height: 15em;

    width: 60em;
    background-color: white;

    overflow: auto;

}

#content {

    padding: 1em 0.5em 1em 0.5em;

    height: auto;
    overflow: auto;

}

#footer {

    min-height: 3em;

    width: 60em;

    position: relative;

    border-top: solid 0.4em rgba(0, 165, 227, 1.0);

    background-color: rgba(231, 231, 231, 1.0);

}

#footer_content {

    text-align: center;
    font-size: 85%;


    padding: 1em 0em 0em 0em;

    width: 100%;
    height: 100%;

    color: rgba(128,128,128,1.0);

}