.energySaving {
	  filter: grayscale(100%);
	  position: fixed;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  height: 0%;
	  width: 100%;
	  background-color: rgba(0,0,0,0.8) !important;
	  z-index: 9999999999;
	  transition: opacity 1s;
	  color: #000;
	  align-items: center;
	  justify-content: center; 
	  overflow:hidden;
	  opacity:0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
  }
  
  .energySaving.visible {
	opacity:1;
	height: 100%;
	transition: opacity 1s;} 
  
  .energySaving > img { 
  opacity: 0.5;}
  
  .energySaving > div {width:90%;
  max-width:500px;}
  
  .energySaving > div p {
  color: grey;
  font-size: x-large;
  font-weight: bolder;
  margin-bottom: 15px; 
  text-align:center;
 }
  
  .energySaving > div span {
  display:block;
  color: grey;
  font-size: smaller; 
  text-align:center;}