* {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font:Tahoma, Arial, sans-serif;
	font-family:Tahoma, Arial, sans-serif;
	font-size:16px;
	text-decoration:none;
}

.page-wrapper {
	padding:10px;
	
	.inner-wrapper {
		max-width:1400px;
		margin:0 auto;
		
		.logo {
			max-width:300px;
			padding:20px 0;
			
			img {
				height:100%;
				width:100%;
			}
		}
		
		.bar {
			height:1px;
			border-bottom:1px solid #666;
			margin:0 0 20px 0;
		}
		
		.tiles {
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
			
			@media screen and (max-width: 1000px) {
				justify-content:center;
			}
			
			div {
				margin:0 20px 20px 0;
				
				@media screen and (max-width: 1000px) {
					margin:10px;
				}
			}
			
			div:nth-of-type(1) {
				margin:0 20px 20px 0;
				
				@media screen and (max-width: 1000px) {
					margin:10px;
				}
			}
			
			div:nth-of-type(4) {
				margin:0 0 20px 0;
				
				@media screen and (max-width: 1000px) {
					margin:10px;
				}
			}
			
			.tile {
				max-width:calc(300px - 40px);
				background-color:#ccc;
				padding:20px;
				
				@media screen and (max-width: 500px) {
					max-width:100%;
					width:100%;
				}
				
				&:hover {
					background-color:#666;
					border-radius:12px 12px 12px 12px;
					box-shadow:0 12px 6px -6px #666;
					-webkit-transition:all .3s ease;
					-moz-transition:all .3s ease;
					-o-transition:all .3s ease;
					transition:all .3s ease;
					
					.icon {
						color:#fff;
						border-bottom:1px solid #fff;
						-webkit-transition:all .3s ease;
						-moz-transition:all .3s ease;
						-o-transition:all .3s ease;
						transition:all .3s ease;
					}
					
					.title {
						color:#fff;
						-webkit-transition:all .3s ease;
						-moz-transition:all .3s ease;
						-o-transition:all .3s ease;
						transition:all .3s ease;
					}
					
					.text {
						color:#fff;
						-webkit-transition:all .3s ease;
						-moz-transition:all .3s ease;
						-o-transition:all .3s ease;
						transition:all .3s ease;
						
						.button {
						
							&:hover {
								background-color:#fff;
								color:#666;
							}
						}
					}
				}
				
				.icon {
					width:100%;
					text-align:center;
					font-size:24px;
					color:#666;
					margin:0 0 10px 0;
					padding:0 0 10px 0;
					border-bottom:1px solid #666;
				}
				
				.title {
					font-weight:bold;
					font-size:18px;
					color:#666;
					margin:0 0 10px 0;
				}
				
				.text {
					color:#666;
					
					.button {
						background-color:#ff9800;
						color:#fff;
						padding:5px 10px;
					}
					
					.small {
						padding:10px 0 0 0;
						font-size:12px;
						font-style:italic;
					}
				}
			}
		}
	}
}

.footer {
	background-color:#666;
	color:#fff;
	padding:20px;
	text-align:center;
	font-size:12px;
}