body {
  /* Location of the image */
  background-image:url(back.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#A0A0A0;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  
	}
	
	
#wrapper{
	width:330px;
	background-color:;
	height:500px;
	margin:auto;}		
.box{
	width:325px;
	height:325px;
	margin-top:125px;
	background-color:;
	border-radius:10px;
	border:#999 2px solid;
	background-color:#eaeaea;
	}
#wrapper p{
	
	text-align:center;
	}
#wrapper h3{
	
	text-align:center;
	background:#fb9e39;
	width:100px;
	height:30px;
	margin-top:10px;
	padding-top:7px;
	border-radius:5px;
	margin-left:110px;
	box-shadow: 2px 2px #010204;
	}
.box_heading img{
	width:60px;
	margin-top:15px;}				
.box_heading{
	width:325px;
	height:70px;
	background-color:;
	border-radius:10px;
	margin-top:0px;
	background-color:#dcdcdc;
	border-bottom:1px solid #000;
	float:left;
	}	
.box_heading h1{
	font-size:30px;
	margin-left:90px;
	margin-top:-40px;
	  font-family: Arial Black;
	  color:#fb9e39;
	  text-shadow: 2px 2px #010204;
	}	
.form{
	width:250px;
	height:30px;
	background-color:#FFF;
	border:2px solid #CCC;
	border-radius:5px;
	margin-left:20px;
	}	
.frm{
	margin-left:20px;
	margin-top:100px;
	font-family: sans-serif;
  font-size: 15px;}	
.sbmt{
	float:right;
	margin-right:30px;
	margin-top:0px;
	width:120px;
	height:40px;
	border-radius:5px;
	background-color:#fb9e39;}
	

	

@media screen and (min-width:320px) and (max-width:480px){
	#wrapper{width:95%}
	.box{ width:100%; height:auto;}
	.box_heading{ width:100%; height:auto;}
	 body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(back.jpg);
  }
  .frm{ width:100%; height:auto;}
  .box_heading h1{ font-size:20px;
	  font-family: Arial Black;
	  color:#fb9e39;
	  text-shadow: 2px 2px #010204;}}
	
@media screen and (min-width:481px) and (max-width:639px){
	#wrapper{width:95%}
	.box{ width:100%; height:auto;}
	.box_heading{ width:100%; height:auto;}
	 body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(back.jpg);
  }
  .frm{ width:100%; height:auto;}
	 .box_heading h1{ font-size:30px;
	  font-family: Arial Black;
	  color:#fb9e39;
	  text-shadow: 2px 2px #010204;}}
	
@media screen and (min-width:640px) and (max-width:768px){
	#wrapper{width:95%}
	.box{ width:100%; height:auto;}
	.box_heading{ width:100%; height:auto;}
	body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(back.jpg);
  }
  .frm{ width:100%; height:auto;}
   .box_heading h1{ font-size:20px;
	  font-family: Arial Black;
	  color:#fb9e39;
	  text-shadow: 2px 2px #010204;}
	

}