html {
    background: url(https://www.ludov.ca/assets/img/background55_new_2019.svg) no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 15px 35%;
    /*background-position: fixed;*/
}
/*#box-link {
    position: fixed;
    margin-top: 2%;
    margin-left: 2%;
    width: 45px;
    height: 45px;
    background-color: transparent;
    cursor: pointer;
    z-index: 999;
    /*border: 1px solid yellow;*/
}*/



/*MEDIA QUERIES */

// Small screens
@media only screen {

}
/* Define mobile styles */

@media only screen and (max-width: 40em) {
    
     html {
         background-image: none;
         background-color: #e6e6e6;
        /*background-position: fixed;*/
    }
   
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {


}
/* min-width 641px, medium screens for iPAD */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    html {
         background: url(https://www.ludov.ca/assets/img/background555_new.svg) no-repeat;
         background-repeat:repeat-y;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: 50% 0%;
        background-color: #e6e6e6;
        /*background-position: fixed;*/
    }

}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) {}
/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) {

}
/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 90.063em) and (max-height: 55.063em) {

}
@media only screen and (min-width: 100em) {


}
// XXLarge screens
@media only screen and (min-width: 120.063em) {

}
/* min-width 1921px, xxlarge screens */