html, body {
    width:100%;
    min-height:100%;
}

body {
    background-image:url("/Content/gfx/valvebody.jpg");
    background-repeat:no-repeat;
    background-size:cover;    
    font-family:Arial;
    margin:0;
}

.details {
    float:right;
    width:400px;
    background-color:#fff;
    margin:40px 40px 0 0;
}

.details .statement {
    padding:20px;
}

    .details .statement h1 {
        font-size: 1.4em;
        color: #1E5081;
        font-weight: normal;
        line-height: 125%;
    }

    .details .statement p {
        font-size: 1.2em;
        color: #1E5081;
        font-weight: normal;
        line-height: 125%;
    }

    .details .info {
        padding: 0 20px 20px 20px;
        font-size: 1.0em;
        color: #1E5081;
        line-height: 125%;
    }

/*.details .info h2 {
    font-size:1.0em;
    color:#0B5F93;
    font-weight:normal;
}*/

        .details .info a {
            text-decoration: none;
            color: #16B1DF;
        }

        .details .info a:hover {
            text-decoration: underline;            
        }



/* Mobile specific styling */
@media all and (min-width:0px) and (max-width: 1024px) {

    body {
        //background-position: bottom;
        height:auto;
    }


    .details {
        width: 80%;        
        margin: 10%;
        min-width:312px;
    }

    
}