body{
	font-size:	20px;
	font-family:	verdana;
	box-sizing: border-box;
	
}
/*Wide screen*/
@media only screen and (min-aspect-ratio: 1/1) {
	body{
		background-image: url("KievitWide.jpg");
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	div.PM_wrapper{
		width:	1500px;
		margin-left: auto;
		margin-right:auto;
	}
	
	div.PM_large{
		box-sizing:	border-box;
		width:		600px;
		height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}
	div.PM_large_high{
		box-sizing:	border-box;
		width:		600px;
		min-height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}
	div.PM_large_high2{
		box-sizing:	border-box;
		width:		600px;
		min-height:		460px;
		margin:		0px;
		float:		left;
		
		text-align:	left;
		padding:	10px;
		background-color: rgba(255,255,255,0.9);
	}
	div.PM_fullwidth{
		box-sizing:	border-box;
		width:		1500px;
		height:		600px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.9);
	}
	
	div.PM_large_half{
		box-sizing:	border-box;
		width:		300px;
		height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}
	div.PM_large_half_high{
		box-sizing:	border-box;
		width:		300px;
		min-height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}
	div.PM_large_half_high2{
		box-sizing:	border-box;
		width:		300px;
		min-height:		460px;
		margin:		0px;
		float:		left;
		
		text-align:	left;
		padding:	10px;
		background-color: rgba(255,255,255,0.9);
	}

}
/*High screen*/
@media only screen and (max-aspect-ratio: 1/1){
	body{
		background-image: url("Solarpanels_tall.jpg");
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	div.PM_wrapper{
		width:	700px;
		margin-left: auto;
		margin-right:auto;
	}
	
	div.PM_large{
		box-sizing:	border-box;
		width:		700px;
		height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}
	div.PM_large_half{
		box-sizing:	border-box;
		width:		700px;
		height:		300px;
		margin:		0px;
		float:		left;
		
		text-align:	center;
		padding:	5px;
		background-color: rgba(255,255,255,0.8);
	}

}
/* Ratio screen: widt/height */
/* >1.92 --> Wide, width=100%
/* 1< x <1.92 --> Wide, hieght=100%
/* 0.521 <x < 1, Tall, width=100%
/* <0.521 --> Tall, heigt = 100%

/* Wide: 1920/1000 = 1.92 */
/* Choice: = 1 */
/* Tall: 1000/1920 = 0.521 */


input, textarea {
  
  outline: none;
  width:	300px;
  height:	30px;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  font-size:	20px;
  border: 2px solid rgba(150,150,150, 1);
  box-shadow: 0 0 5px rgba(100,100,100, 0.5);
}

input.GM_entry_amount{
	width:100px;
}

input.GM_entry_file{
	height:40px;
}

input.PM_radio{
	height:20px;
	width:20px;
	box-shadow: 0 0 0px rgba(100,100,100, 0.5);;
}

textarea.GM_entry_field{
	width:500px;
	height:90px;
}
 
input:focus, textarea:focus {
  box-shadow: 0 0 10px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 2px solid rgba(81, 203, 238, 1);
}

div.PM_small{
	box-sizing:	border-box;
	width:		140px;
	height:		200px;
	float:		left;
	margin:		20px;
	text-align:	center;
	padding:	5px;
	background-color: rgba(255,255,255,0.7);
}
div.PM_medium{
	box-sizing:	border-box;
	width:		250;
	min-height:		200px;
	float:		left;
	margin:		20px;
	text-align:	center;
	padding:	5px;
	background-color: rgba(255,255,255,0.7);
}


div.PM_header{
	box-sizing:	border-box;
	width:		100%;
	height:		200px;
	margin:		0px;
	float:		left;
	
	text-align:	center;
	background-color: rgba(255,255,255,0.8);
	
}



div.PM_large_graph{
	box-sizing:	border-box;
	width:		860px;
	height:	300px;
	float:		left;
	margin:		20px;
	text-align:	center;
	padding:	5px;
	background-color: rgba(255,255,255,0.7);
}

div.PM_small:hover, div.PM_medium:hover, div.PM_large:hover, div.PM_large_half:hover, div.PM_fullwidth:hover{
	background-color: rgba(255,255,255,0.9);
}

img.PM_logo{
	height:	70%;
	
	
	
}

div.GM_div_wide{
	width:	704px;
	min-height:200px;
	float:	left;
	border:	2px solid rgba(150,150,150, 1);
	margin:10px;
	padding:5px;
}