@viewport{
	width: device-width;
	zoom: 1;
	}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-family: 'trebuchet ms', sans-serif;
	}

body {
	text-align: center;
	background-color: #feffff;
	background-image: -moz-linear-gradient(top,  #feffff 25%, #a0d8ef 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #feffff), color-stop(1, #a0d8ef));
	background-image: -webkit-linear-gradient(top, #feffff 25%, #a0d8ef 100%);
	background-image: -o-linear-gradient(top, #feffff 25%, #a0d8ef 100%);
	background-image: -ms-linear-gradient(top, #feffff 25%, #a0d8ef 100%);
	background-image: linear-gradient(to bottom, #feffff 25%, #a0d8ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff',endColorstr='#a0d8ef',GradientType=0);
	}

@media screen and (max-width: 400px) {
	body {
		text-align: center;
		background-color: #feffff;
		background-image: -moz-linear-gradient(top,  #feffff 10%, #a0d8ef 50%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #feffff), color-stop(0.5, #a0d8ef));
		background-image: -webkit-linear-gradient(top, #feffff 10%, #a0d8ef 50%);
		background-image: -o-linear-gradient(top, #feffff 10%, #a0d8ef 50%);
		background-image: -ms-linear-gradient(top, #feffff 10%, #a0d8ef 50%);
		background-image: linear-gradient(to bottom, #feffff 10%, #a0d8ef 50%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffff',endColorstr='#a0d8ef',GradientType=0);
		}
	}

#container {
	/*display: table;*/
	display: flex;
	overflow: hidden;
	margin: 1em auto;
	padding: 1em;
	/*width: 750px;
	height: 100%;*/
	max-width: 750px;
	height: auto;
	color: #36c;
	}

#container section {
	display: table-cell;
	vertical-align: middle;
	}

#container nav img {
	display: inline;
	margin: 2px;
	}
	
#container aside {
	font-size: 14px;
	}

#container aside p {
	margin-bottom: 1em;
	}

#container aside p.header {
	margin: 0 auto 1em auto;
	max-width: 675px;
	font-size: 1.2em;
	}
	
#container footer img {
	margin: 10px;
	}

#container footer {
	font-size: 10px;
	}

.headerImg {
	padding: 1em;
	}

.fancybox img {
	border: 1px solid #36c;
	padding: 1px;
	margin: 10px;
	}

.fancybox img.hov {
	border: 5px solid #36c;
	padding: 1px;
	margin: 6px;
	}

@media screen and (max-width: 400px) {
	.fancybox img, .fancybox img.hov  {
		border: 1px solid #36c;
		padding: 1px;
		margin: 1px;
		}
	
	.fancybox img.hov  {
		border: 3px solid #36c;
		padding: 1px;
		margin: 0px;
		}
	}

.hide {
	display: none;
	}