.example {margin-left:0 auto;
  padding: 5px;
  color: white;
}

/* Extra small devices (phones, 400px and down) */
@media only screen and (min-width: 400px) {
  .example {background: radial-gradient(#6090c0, #5e8ebd) fixed;}

.heading {
         position:relative;top:20px;font-size: 20px;
}

  .laptop {top:-40px;
	width:900px;
	height: 550px;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);

}

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) {
  .example {background: radial-gradient(#6090c0, #5e8ebd) fixed;}

.heading {
         position:relative;top:40px;font-size: 25px;
}


  .laptop {top:-40px;
	width:900px;
	height: 550px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);

}








}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .example {background: radial-gradient(#6090c0, #5e8ebd) fixed;}
.heading {
         position:relative;top:40px;font-size: 30px;
}


  .laptop {top:-40px;width:900px;height:550px;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);

}


} 

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (min-width: 992px) {
 .example {background: radial-gradient(#6090c0, #5e8ebd) fixed;}


.heading {
         position:relative;top:30px;font-size: 33px;
}

  .laptop {top:-10px;
   	width: 900px;
	/*max-width: 100%;*/
	height: 550px;

    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);

}
 

} 


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {
background: radial-gradient(#6090c0, #5e8ebd) fixed;
}
.heading {
         position:relative;top:20px;font-size: 30px;
}

  .laptop {top:10px;
    	width: 900px;
	/*max-width: 100%;*/
	height: 550px;

    -webkit-transform: scale(1.00);
    -moz-transform: scale(1.00);
    -o-transform: scale(1.00);
    -ms-transform: scale(1.00);
    transform: scale(1.00);

}


}