* { padding: 0; margin: 0; 
	-webkit-transition: all 0.3s ease-in-out; transition: 0.3s ease-in-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
	html, body  {  min-height: 100% !important; height: 100%;  width: 100%;}
body {background: rgb(221,221,221);
background: -moz-linear-gradient(323deg, rgba(221,221,221,1) 0%, rgba(254,254,254,1) 24%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 67%, rgba(254,254,254,1) 80%, rgba(243,243,243,1) 100%);
background: -webkit-linear-gradient(323deg, rgba(221,221,221,1) 0%, rgba(254,254,254,1) 24%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 67%, rgba(254,254,254,1) 80%, rgba(243,243,243,1) 100%);
background: linear-gradient(323deg, rgba(221,221,221,1) 0%, rgba(254,254,254,1) 24%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 67%, rgba(254,254,254,1) 80%, rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd",endColorstr="#f3f3f3",GradientType=1);}
	
	.txtLinks, a.txtLinks, a.txtLinks:active, a.txtLinks:visited {
		color: darkgray;
		font-size: 13pt;
	}
	a.txtLinks:hover {color: black; cursor: pointer; text-decoration: none;}
img {height:250px; width:auto;}

@media (max-width:900px) {
	.txtLinks, a.txtLinks, a.txtLinks:active, a.txtLinks:visited, a.txtLinks:hover { font-size: 4vw;}
}

@media (max-height:400px) {
	.txtLinks, a.txtLinks, a.txtLinks:active, a.txtLinks:visited, a.txtLinks:hover { font-size: 14pt;}
}
 
@media (orientation: portrait) { 
	.txtLinks, a.txtLinks, a.txtLinks:active, a.txtLinks:visited, a.txtLinks:hover { font-size: 5.5vw;}
	img {width: 50vw; height: auto;}
}