@media  only screen and (min-device-width: 280px) 		/* 767*/
{
    .form-container {   opacity: 0.65;
      padding: 2% 2% 2% 1%;
      background: #995707;      
	  border: 2px solid #FF6600;           
       width:106%;
      margin: auto;
    }
}
@media  only screen and (min-device-width: 360px) 		 
{
    .form-container {   opacity: 0.65;
      padding: 2%;
      background: #995707;      
	  border: 2px solid #FF6600;           
       width: 100%;
      margin: auto;
    }
}
@media  only screen and (min-device-width: 500px) 		 
{
    .form-container {   opacity: 0.65;
      padding: 5%;
      background: #995707;      
	  border: 2px solid #FF6600;           
      width: 90%;
      margin: auto;
    }
}

@media  only screen and (min-device-width: 768px) 		 
{
    .form-container {   opacity: 0.65;
      padding: 5%;
      background: #995707;      
	  border: 2px solid #FF6600;           
      width:95%;
      margin: auto;
    }

}
@media  only screen and (min-device-width: 1000px) 		 
{
    .form-container {   opacity: 0.65;
      padding: 5%;
      background: #995707;      
	  border: 2px solid #FF6600;           
       width: 95%;
      margin: auto;
    }

}	

@media  only screen and (min-device-width: 2000px) 		 
{
    .form-container {   opacity: 0.65;
      padding: 10%;
      background: #995707;      
	  border: 2px solid #FF6600;           
       width: 100%;
      margin: auto;
    }

}		
	
h1 	{
  font-size: 24px;
}
	
h1, p 
{
  text-align: center;
}

input, textarea , button
{
  width: 100%;
}    
textarea
{
  height: 200px;
}