body,h1,h2 {
	font-family: Arial, Helvetica;
	color: #000000;
	margin: 0px;
}

body {
	background-color: #ddd;
    background-size: 50px 50px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	margin: 1%;
}

h1,h2 {
	margin-bottom: 4px;
}

h2 {
	font-size: 130%;
}

a {
	color: #000000;
	text-decoration: none;
}

.imgborder {
	border: 1px solid #000000;
	border-radius: 16px;
}

#content {
	background-color: #d6d6d6;
	background-size: 0px 0px;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	border: 2px solid #eee;
	border-radius: 20px;
	display: block;
	margin: 0 auto;
	margin-top: 1%;
	max-width: 800px;
	padding: 1%;
	position: relative;
	width: 90%;
}

#content.green {
	background-color: #d6efd6;
	border-color: #0f0;
}

#content.red {
	background-color: #efd6d6;
	border-color: #f00;
}

#content.blue {
	background-color: #d6d6ef;
	border-color: #00f;
}

#content.yellow {
	background-color: #efefd6;
	border-color: #ff0;
}

#content.orange {
	background-color: #efe2d6;
	border-color: #f80;
}

#content.cyan {
	background-color: #d6efef;
	border-color: #0ff;
}

div.block {
	display: inline-block;
	margin: 2%;
	min-width: 28%;
}

div.block img {
	transition: transform,background 200ms,200ms linear;
}

div.block img:hover {
	transform: scale(1.1,1.1);
}

div.center {
	text-align: center;
}

a.mannBlock {
	background: #3E70BA;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding-top: 45px;
	height: 60px;
	width: 175px;
}