@media only screen and (max-device-width: 640px) {
	header{
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height:100px;
		z-index:100;
		border-bottom: 2px dotted #e67e22; 
		background-color: white;
		opacity: 0.5;
		text-align: center;
		overflow: hidden;
	}
	
	header h1{
		font-size: 1em;
	}
	
	.maincontent{
		text-align: center;
		padding-top:80px;
		padding-bottom:40px;
		display: block;
		float: none;
	}
	
	table {
		width:100%;
	    
	  }
		
	table tr td input{
		width:95%;
	}
	  
	table td{
		text-align: left;
		color:#2980b9;
		width: 30%;
		
		
	}
	
}

@media only screen and (min-device-width: 640px ) {
	header{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:180px;
	z-index:100;
	border-bottom: 2px dotted #e67e22; 
	background-color: white;
	opacity: 0.5;
	text-align: center;
	overflow: hidden;
}

.maincontent{
	text-align: center;
	padding-top:120px;
	padding-bottom:40px;
	display: block;
	float: none;
}
table {
	width:70%;
    margin-left:auto; 
    margin-right:auto;
  }
	

  
table td{
	text-align: left;
	color:#2980b9;
	
}

}





body{
	margin: 0;
	padding:0;
	min-height: 100%;
	color:black;
	font-family: 'Open Sans', 'sans-serif';
}


footer{
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	z-index:2;
	border-top: 2px dotted #e67e22; 
	overflow: hidden;
	background-color: white;
	opacity: 0.5;
}
.authorinfo{	padding:1em;}





.myblue{
	font-size: 1.5em;
	color:#c0392b;
}

.myred{
	font-size: 1.0em;
	color:#2980b9;
}
.button{
	margin: auto;
	background-color: #e67e22;
	color: #2980b9;
	height:4em;	
	width:16em;
	border:1px solid white;
	font-weight: bold;
	border-style: none;
	border-radius:0.5em;
	border:1px solid white;
}
.button:hover{
	border:none;
}