#spinner {
  width:600px;
  margin:20px auto;
}      


@media only screen and (max-width : 600px) {
#spinner {
  width:300px;
}      
}


#box {
 width:600px;
 margin:100px auto;
}    


#box h2 {
 font-size:36pt;
 font-weight:bold;
}


@media only screen and (max-width : 600px) {
#box {
 width:300px;
}    
#box h2 {
 font-size:24pt;
}  
}

#spinner input {
 padding-top: 11px; 
 padding-bottom: 11px; 
 color: #4B4B5A; 
 text-align: left;
 z-index:1;
 background-color:#FFFFFF;
 width:400px;
 
 width: 100%;  
 padding: 12px 40px;  
 margin: 8px 0;  
 display: inline-block;  
 border: 1px solid #ccc;  
 box-sizing: border-box;  
}

#spinner .fontuser { 
 position: relative; 
} 
          
#spinner .fontuser i{ 
  position: absolute; 
  left: 10px; 
  top: 15px; 
  color: gray; 
  font-size:20px;
} 
          
#spinner .fontphone { 
 position: relative; 
} 
          
#spinner .fontphone i{ 
 position: absolute; 
 left: 10px; 
 top: 15px; 
 color: gray; 
 font-size:20px;
}           

#spinner .fontemail { 
 position: relative; 
} 

#spinner .fontemail i{ 
 position: absolute; 
 left: 10px; 
 top: 15px; 
 color: gray; 
  font-size:20px;
} 

#spinner input[type=submit] {
  width: 100%;
  background-color: #28843BFF;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 25px;
  padding-right: 25px;
  border-style: solid;
  border-color: #00000000;
  border-radius: 500px 500px 500px 500px;
  border-width: 1px;
  font-weight: 600;
  font-family: 'Poppins',sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:10;
}

/* Set a hover effect for the button*/  

#spinner input[type=submit]:hover {  
   opacity: 0.8;  
 }  

#ajax {
  margin:20px;    
  font-weight:bold;
  color:red;
}