body{
    background-color: rgb(253, 253, 120);
    background-image: url('/resource/image/association-152746_640.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;    
}

@media (max-width: 576px) {
    .offcanvas{
        width:45% !important;
    }  
}

@media (min-width: 768px) {
    .offcanvas{
        width:35% !important;
    }  
}

@media (min-width: 992px) {
    .offcanvas{
        width:25% !important;
    }  
}

@media (min-width: 1200px) {
    .offcanvas{
        width:15% !important;
    }  
}
@media (min-width: 1400px) {
    .offcanvas{
        width:15% !important;
    }  
}

#watermark {
    /* Fixed position keeps watermark in place */
    position: absolute;  
    bottom: 400px;
    right: 100px;
    /* Transparency */
    opacity: 0.75;
    /* Dimensions */
    width: 700px;
    padding: 5px;
    /* Text styles */
    color: red;
    font-size: 8em;
    /* Display over other content */
    z-index: 1000;
    /* rotate the watermark*/
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
  }