body {
  /*background-color: #012563;*/
  overflow:auto;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  /*zbackground: "http://alhijrah.pk/donations/app/Views/inc/backimage.png";*/
   /*background: rgba(255, 0, 0, 0.25),url('http://alhijrah.pk/IMG2.jpg') left top no-repeat fixed , url('http://alhijrah.pk/logo.png')right bottom no-repeat fixed;*/
   /*box-shadow: inset 0 0 0 100px rgba(36, 70, 105, 0.74);*/
  /*background: #012563;*/
  /*overflow:auto;*/
  /*background-position: right center, right top;*/
     background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 0, 0.45), 
      rgba(0, 0, 0, 0.45)
    ),
     url('https://alhijrah.pk/IMG2.jpg') fixed;

  background-size: 100%;
  /*opacity:0.8;*/
   /*width: 300px;*/
  /*height: 200px;*/
  /*border: 1px solid black;*/
  /*background:"http://home/sites/11b/5/5896503c7a.pk/donations/backimage.jpg";*/
  /*background-image: url('http://home/sites/11b/5/5896503c7a.pk/donations/backimage.jpg');*/
  /*background-position: left top;*/
  /*background-repeat: no-repeat;*/
  /*background-attachment: fixed;*/
 /* -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 
  animation: mymove 5s infinite;*/
}
canvas{

  width:auto !important;
  height:450px !important;

}
#layer {
    background-color: #000000;
    /*opacity:0.8;*/
    position: contain;
    top: 0;
    left: 0;
    width: auto;
    height: contain;
    
}
@media all (max-width: 600px) {
  body {
    background-size: auto;
  }
}

/*#mydiv {*/
    
  /*width: 300px;*/
  /*height: 200px;*/
  /*border: 1px solid black;*/
/*  background-repeat: no-repeat;*/
/*  background-attachment: fixed;*/
  /*zbackground: "http://alhijrah.pk/donations/app/Views/inc/backimage.png";*/
/*   background-image: url('http://alhijrah.pk/backimage.png') left top no-repeat,url('http://alhijrah.pk/logo.png')right bottom no-repeat;*/
/*  background: #012563;*/
/*  overflow:auto;*/
  /*background-position: right center, right top;*/
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*-o-background-size: cover;*/
/*  background-size: contain,auto;*/
/*  opacity:0.5;*/
  /*opacity:0.4;*/
 /* -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 
  animation: mymove 5s infinite;*/
/*}*/
/* Safari 4.0 - 8.0 */
/*@-webkit-keyframes mymove {*/
/*  50% {background-position: center;}*/
/*}*/

/*@keyframes mymove {*/
/*  50% {background-position: center;}*/
/*}*/

/** {*/
/*  box-sizing: border-box;*/
/*}*/

/*html {*/
/*  font-family: "Lucida Sans", sans-serif;*/
/*}*/
/*canvas#chart_div{*/
/*    width:auto;*/
/*    height:400px;}*/
/*@media only screen*/
/*and (min-width : 300px)*/
/*{*/
/*canvas#chart_div{*/
/*    width:auto;*/
/*    height:350px;*/
/*   float: left;*/
/*}*/
    
/*}*/

/*@media only screen and (min-width: 600px) {*/
  /* For tablets: */
/*  canvas {*/
/*  flex-wrap: nowrap;*/

  /*position: absolute;*/

/*  text-align: center;*/
/*      overflow-x:scroll;*/
      /*overflow:auto;*/
/*  border: 1px dotted black;*/
/*  position: relative;*/
/*  margin: auto;*/
/*  height: 80vh;*/
/*  width: 80vw;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 768px) {*/
  /* For desktop: */
/*  canvas {*/
/*  flex-wrap: nowrap;*/

  /*position: absolute;*/

/*  text-align: center;*/
/*      overflow-x:scroll;*/
      /*overflow:auto;*/
/*  border: 1px dotted black;*/
 /*position: relative;*/
/*  margin: auto;*/
/*  height: 80vh;*/
/*  width: 80vw;*/
/*}*/
/*}*/