@media only screen and (max-device-width: 640px) {
		.atool{
		background-color: #e67e22;
		display:block;
		width:90%;
		margin:2%;
		padding:3%;
		height:40%;
		border-radius:4em;
		float:left;
	}
}

@media only screen and (min-device-width: 640px ) {
	.atool{
		background-color: #e67e22;
		display:block;
		width:200px;
		margin:20px;
		padding:20px;
		height:200px;
		border-radius:4em;
		float:left;
	}
}




.atool h2{
	text-align: center;	
}

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

.atool:hover{
	background-color:#d35400;
}

header{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:80px;
	z-index:100;
	border-bottom: 2px dotted #e67e22; 
	background-color: white;
	opacity: 0.5;
}

header h1{
	text-align: center;
	opacity: 1;
	color:black;
}

.pagecontent{
	color:white;
	padding-top:80px;
	padding-bottom:40px;
	display: block;
	float: none;
}

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;
}

a{
	text-decoration: none;
	color:black;
}

a p{
	text-decoration: none;
	color:white;
}