html {
    position:relative;
    min-height: 100%;
    padding:0;
    margin:0;
}

/*@media screen and (max-width:800px) {
    body { background-image: url(../images/field.png); }
}

@media screen and (min-width:801px) {
    body { background-image: url(../images/field.png); }
}*/

body:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    z-index: -10;

    display: block;
    background-image: url("../images/wwbp_background.jpg");
    width: 100%;
    height: 100%;

    filter: contrast(90%);
}

body {
    /* background-image: url(../images/alternate.png); */
    background-attachment: fixed !important;
    background-size: cover;
    height:auto;
    overflow:auto;
    padding:0;
    margin:0;

    /*background-image: url("../images/wwbp_background.jpg");*/
}

#wwbp_background {
    min-height:100%;
    height:100%;
}

a { /* color: #0B0B61; */ color:#08088A; cursor: pointer; text-decoration:none;}
a:hover { color: #0B3861; text-decoration:none; }

/* PHONE */
@media screen and (max-width:800px) {

body {
    /* The number of pixels in the third section determines the spacing between the end 
       of the content and the beginning of the footer */
    margin:0 0 80px;
}
}

/* TABLET */
@media screen and (min-width: 801px) and (max-width:1200px) {

body {
    /* The number of pixels in the third section determines the spacing between the end 
       of the content and the beginning of the footer */
    margin:0 0 80px;
}
}

/* LAPTOP */
@media screen and (min-width: 1201px) and (max-width: 1500px) {

body {
    /* The number of pixels in the third section determines the spacing between the end 
       of the content and the beginning of the footer */
    margin:0 0 30px;
}

}

@media screen and (min-width: 1501px) {

body {
    /* The number of pixels in the third section determines the spacing between the end 
       of the content and the beginning of the footer */
    margin:0 0 60px;
}

}