@font-face{
	font-family:"GOTHIC";
	src:url('GOTHIC.eot');
	src:url('GOTHIC.eot?#iefix') format('eot'),
	url('GOTHIC.ttf') format('truetype'),
	url('GOTHIC.woff') format('woff'),
	url('GOTHIC.svg#GOTHIC') format('svg');
}
body{
	font-family:"GOTHIC";
	font-size:14px;
	color:#FFF;
	margin:0;
	background-color:#282828;
}
a{
	color:#605c61;
	text-decoration:none;
}
a:hover{
	color:#73a81b;
}
img{
	border:none;
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}
#cover{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
#logo{
	width:189px;
	height:199px;
	background:url(../images/zivilai-logo.jpg);
	margin:30px auto;
}
#row{
	width:100%;
	padding:15px 0;
}
.gallery{
	padding:15px 50px;
}
hr{
	color:#FFFFFF;
}
#foot, #foot a{
	color:#FFFFFF;
	text-decoration:none;
	padding:20px 0;
}
#foot a:hover{
	text-decoration:underline;
}
@media only screen and (max-width: 800px) {
	#cover{
		width:90%;
	}
	#logo{
		width:100px;
		height:105px;
		background:url(../images/zivilai-slogo.jpg);
		margin:15px auto;
	}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
	#cover{
		width:90%;
	}
}