body {
				background-color: #f2f2f2;			
			}
		main {
			width: 100%;
			padding: 10px;
			background-color: #ffffff;
			border: 1px solid #999999;
			box-sizing: border-box;		
		}
		.kat-wrapper {
			display: flex;
			flex-wrap: wrap;
		}
		.kat-wrapper > section {
			width: 100%;
			box-sizing: border-box;
			box-shadow: 2px 2px 4px #808080;
			border: 1px solid #999999;
			margin-bottom: 10px;
		}
		@media (min-width: 768px) {
		.kat-wrapper > section {
			width: 48%;
			margin-right: 1%
		}
		}
		@media (min-width: 1024px) {
		.kat-wrapper > section {
			width: 24%;
			margin-right: 1%;
		}
		}
		@media (min-width: 1440px) {
		main {
			width: 60%;
			margin: auto;		
		}
		.kat-wrapper > section {
			width: 24%;
			margin-right: 1%;
			min-width: 200px;
		}
		}
		h2 {
			background-color: #cc0000;		
			color: #ffffff;
			margin-top: 0px;
			text-align: center;
		}
		.kat-wrapper > section > p {
			margin: 0 10px;		
		}
		ul > li {
			list-style-image: url('../pics/arrow-black.png');
			margin-bottom: 10px;	
		}
			ol > li {
			margin-bottom: 10px;	
		}
		footer {
			border-top: 1px solid #999999;
			padding: 10px;		
		}
		header {
			border-bottom: 1px solid #999999;		
		}