.celebration {
	position: absolute;
	z-index: 10000;
	width: 100%;
	display: block; 
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { 

 .CelebrationCanvas {
          display: block;
          width: 100%;
          height: 400px;
          margin: 0 auto;
        }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
        .CelebrationCanvas {
          display: block;
          width: 100%;
          height:400px;
          margin: 0 auto;
        }
    } 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
        .CelebrationCanvas {
          display: block;
          width: 550px;
          height: 300px;
          margin: 0 auto;
        }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
        .CelebrationCanvas {
          display: block;
          width: 550px;
          height: 300px;
          margin: 0 auto;
        }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
        .CelebrationCanvas {
          display: block;
          width: 550px;
          height: 300px;
          margin: 0 auto;
        }
    
    }