#header {
		width:350px;
	    background-color:purple;
	    color:white;
	    margin-left: auto;
    	margin-right: auto;
   		
	    text-align: center;
	    padding:5px;}

	    
		#section {
		    width:350px;
		   text-align: left; 
		   margin-left: auto;
    	   margin-right: auto;
		    padding:5px;
		}
		
input[type=number], select {
    //width: 60%;
    padding: 3px 3px;
    //margin: 8px 0;
    display: inline-block;
    //border: 1px solid #ccc;
    //border-radius: 4px;
    box-sizing: border-box;
	}
input[type=tel], select {
    //width: 60%;
    padding: 3px 3px;
    //margin: 8px 0;
    display: inline-block;
    //border: 1px solid #ccc;
    //border-radius: 4px;
    box-sizing: border-box;
	}
input[type=text], select {
    //width: 60%;
    padding: 3px 3px;
    //margin: 8px 0;
    display: inline-block;
    //border: 1px solid #ccc;
    //border-radius: 4px;
    box-sizing: border-box;
	}
	
		
		.jcss {
		    width:350px;
		   text-align: left; 
		   margin-left: auto;
    	   margin-right: auto;
		    padding:5px;
		}
		
		#sectionCenter {
		    width:350px;
		   text-align: center; 
		   margin-left: auto;
    	   margin-right: auto;
		    padding:5px;
		}
		
		#sectionRight {
		    width:350px;
		   text-align: left; 
		   margin-left: auto;
    	   margin-right: auto;
		    padding:5px;
		}
		
		#res {
		width:350px;
		text-align: left;

		margin-left: auto;
    	margin-right: auto;
		padding:5px;
		}
		
		
	
		
  .submitButton{
  display: block;
 padding: 5px 5px;
  font-size: 16px;
  cursor: pointer;
  width:200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: purple;
  border: none;
  border-radius: 5px;
  box-shadow: 3px 3px #999;
  }
	    
.submitButton:active {
  box-shadow: 0px 0px #666;
  transform: translateY(4px);
}

		a:link 
		{
    	color:white;
    	background-color:transparent;
    	text-decoration:underline;}
		a:visited {
    	color:white;
    	background-color:transparent;
    	text-decoration:underline;
    	}
    	
    	@media only screen and (max-width: 480px) {
  #header {
		width:98%;
	    background-color:purple;
	    color:white;
	    text-align:center;
	    padding:5px;}
	    
		#section {
		width:98%;
		text-align: left; 
		margin-left: auto;
    	margin-right: auto;
		padding:5px;

		}
		
		#sectionCenter {
		    width:98%;
		   text-align: center; 
		   margin-left: auto;
    	   margin-right: auto;
		    padding:5px;
		}
		
		
		
		#res {
		width:98%;
		text-align: left;

		margin-left: auto;
    	margin-right: auto;
		padding:5px;
		}