/* CSS Document 
http://bradhussey.ca/course/bootstrap/

*/


/*CONTACT FORM */
#resv{
 margin-top:40px;
}
#feature{
  width:auto;
  height:auto;
}
#featuresHeading { text-align:center;
  text-item:center;
background-image:url(../images/reservation_medium_01.jpg);

	width:auto;
	
	
	
	background-position: 0px;
	background-position:top;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:310px;
}
.feature1{
  padding:0px;
 
}
.feature1 .panel{
  margin-top:250px;	
   height:280px;
   margin-top:100px;
  

}
.feature1 .panel{
   border-radius:5%;	
    margin-top:10px;
}

#feature h1{
 font-family: 'Arvo', Georgia, Times, serif;
 font-size: 59px;
 line-height: 70px;
  width:800px;
background-color:orange;

	}
 .pop {   
 display:none;
 /* hide the errors */  
   
    /* add some styling */  
       
   
     
   /* background-color: #FFBABA;  
	  background-color:#EE0101; this my favourite color
	  
	  
	    color:white;
	    font-size:10px;
	    font-weight:bold;
	    margin-top:0px;
	    padding:0px;
	    text-transform:uppercase;
	    width:200px; */
		
		
		 background: none repeat scroll 0 0  #FF6600;
    border: 2px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
    width: 200px;
   
	 
	
	}
	#phone{
	   float:right; width:180px;
	}
	#code{
	  float:right; width:100px;
	}
	#Reqest{
		
		
		 width:125px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid black; /* remove the default border and put a normal black one */  
    cursor:pointer;  
	font-size: 15px; 
    background:#FF6600;
	 /* background-color: #7d0413; */
	  color: #FFFFFF;
	   align:center;
	}
	
	@media (max-width: 480px){
	                      #resv{
						 margin-top:-20px;
						}
						   #code{
							 float:right; 
							 width:auto;
						  }
						
							#phone{
								float:right; 
							 }
						
						 
						
	}
	@media (max-width: 768px) {
	
	    #code{
	     float:right; 
	  }
	
	    #phone{
	        float:right; 
	     }
	   #featuresHeading { text-align:center;
					  text-item:center;
					background-image:url(../images/reservation_small_01.jpg);
					
						width:auto;
						
						text-align:center
						border-radius:2%;
						background-position: 0px;
						background-position:top;
						/*background-position: center;*/
						background-attachment:fixed;/* this do the magic this stop the image to move up*/
						positon:relative;
						height:220px;
					}
	 
	}
	/* Large desktop */
@media (min-width: 1200px) {

#featuresHeading { text-align:center;
  text-item:center;
background-image:url(../images/reservation_large_01.jpg);

	width:auto;
	
	text-align:center
	border-radius:2%;
	background-position: 0px;
	background-position:top;
	/*background-position: center;*/
	background-attachment:fixed;/* this do the magic this stop the image to move up*/
	positon:relative;
	height:310px;
}

}