

	.energyConceptTextSize{
		/*font-size:2.5em;*/
		font-size:calc(1em + 2vw);
	}


@media (min-width: 768px){
	.energyConceptText{
		/*padding-right: 1em;
		max-width: 1000px;*/
		padding-top:20vh;
		color:#000;
		padding-bottom:20vh;
		/*height: 88vh;*/
	}



	.EnergyConceptPicture{
		width:100%;
		height:56vw;
		max-height: 90vh;
		position:relative;
		martin-top: 10px;
		/*filter: grayscale(100%);*/
		/*padding-bottom: 20px;*/
		overflow: hidden;
	}

	.img-magnifier-container {
		background-size: 100% auto !important;
	}

	.img-magnifier-glass{
		background-size: 100% auto !important;
	}

}
@media (max-width: 767px){


	.EnergyConceptPicture{
		
		width:100%;
		height:50vh;
		position:relative;
		top: 15px;
		overflow: hidden;
		/*filter: grayscale(100%);*/
	}

	.energyConceptText{
		padding-left: 1em;
		padding-right: 1em;
		padding-top:20vh;
		color:#000;
		max-width: 1000px;
		/*height: 50vh;*/
		padding-bottom:20vh;
		
	}

	.img-magnifier-container {
		background-size: auto 100% !important;
	}
	.img-magnifier-glass{
		background-size: auto 50vh !important;
	}
}


.img-magnifier-container {
  	position:relative;
  	filter: grayscale(100%);
  	background: url('/wp-content/themes/bs-theme/img/BuildingSimulation2.png') no-repeat center center; 
	height: 100%;
	width: 100%;

}

.img-magnifier-glass {
  position: absolute;
  /*border: 3px solid #000;*/
  border-radius: 50%;
  /*background-size: cover;*/
  /*cursor: none;*/
  /*Set the size of the magnifier glass:*/
  width: 100%;
  height: 100vw;
  /*box-shadow: 0 0 8px 8px white inset;*/
  /*-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
      /*mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));*/
      -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 50%);
  mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 50%);

}