/*form CSS Document */



#formi{
	width:600px;
	height:480px;
	background:steelblue;
	padding:10px 10px;
	box-sizing:border-box;
	margin-top:50px;
	
	text-align:center;
	-webkit-justify-content: center; /* Safari */
				 justify-content: center;
		align-items: center;  
		   display: -webkit-flex; /* Safari */
			   display: flex; 	
	
	}
	
	  
	  input{
      width: 100%;
	  border-radius:3px;
	  height:25px;
	  margin-bottom:10px;
	  border:none;	
	  }
	  
	  
	  
	  textarea{
	  width:100%;
	  margin-bottom:10px;
	 
	  font-size:14px;
	  border:none;
	  min-height:100px;
	  max-height:150px;
	  border-radius:3px;
	  }
	  
	  
	  #formi h2{
	  color:#fff;
	  text-align:center;
	  margin:0;
	 
	  margin-bottom:10px;
	  }
	  
	  #button{
		font-size:16px;
	 width: fit-content;
	  border-radius:3px;
	  background:orange;
	  color:#fff;	
	 padding: 20px 20px;
	  }
	
	   
	  #button:hover{
	  cursor:pointer;
	  background-color: rgb(255, 123, 0);
/* selected link 
a:active {
	color: yellow;
  } 
  */

	  }

@media (min-width: 480px){



}


@media all and (min-width: 960px){

#formi{
margin-top:60px;

margin-bottom:10px;
}
   


}