*{
			margin: 0px;
			padding: 0px;
			font-family: sans-serif;
			font-weight: normal;
			text-decoration: none;
			color: #000;
		}

		b{
			font-weight: bold;
		}

		body{
			background: #4f628a;
			background: -moz-linear-gradient(top, #4f628a 0%, #4f628a 70%, #6a82b7 94%, #778dce 100%);
			background: -webkit-linear-gradient(top, #4f628a 0%,#4f628a 70%,#6a82b7 94%,#778dce 100%);
			background: linear-gradient(to bottom, #4f628a 0%,#4f628a 70%,#6a82b7 94%,#778dce 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f628a', endColorstr='#778dce',GradientType=0 );
		}

		html, body{
			min-height: 100%;
		}

		header h1{
			text-align: center;
			margin: 20px 0px;
			font-size: 40px;
			letter-spacing: 0px;
			font-weight: bold;
			color: #FFF;
			text-shadow: 3px 3px 10px #000;
		}

		section article h2{
			font-size: 15px;
		}

		section article h3{
			font-size: 13px;
			color: #6B6B6B;
		}

		section{
			width: 100%;
			max-width: 1300px;
			margin: 0px auto;
		}

		section article{
			margin: 10px;
			width: calc((100% / 3) - 82px);
			border: 1px solid;
			vertical-align: top;
			padding: 10px;
			background-color: #FFF;
			position: relative;
			transition: .2s ease-out;
			padding-left: 50px;
			border-radius: 5px;
		}

		section article:hover{
			box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.3);
		}

		section article span{
			position: absolute;
			top: 10px;
			left: 10px;
			font-size: 20px;
			font-weight: bold;
		}

		footer{
			position: absolute;
			bottom: 0px;
			left: 0px;
			padding: 10px;
		}

		footer span#version{
			color: #FFF;
			font-family: monospace;
		    font-size: 10px;
			letter-spacing: 1px;
			font-weight: bold;
			cursor: default;
		}

		@media(max-width: 720px){
			section article{
				width: calc((100% / 2) - 82px);
			}
		}

		@media(max-width: 520px){
			section article{
				width: calc(100% - 82px);
			}
		}