* {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
	text-decoration: none;
	text-align: center;
}

html,
body {
	height: 100%;
}

body {
	font-family: "Rubik", Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #2b2b2b;
	color: #fff;
	display: grid;
}

h1 {
	padding-top: 40px;
}

section {
	display: grid;
}

	.items {
		height: 100%;
	}

	section .svg {
		height: 30%;
		display: flex;
		justify-content: center;
		align-items: center;
		fill: #fff;
	}

	section .png {
		display: flex;
		justify-content: center;
		align-items: center;
		fill: #fff;
	}

	.png img {
		width: 35%;

	}

	.item1 {
		grid-column: 1;
		grid-row: 1;
	}

		.item1 svg {
			width: 30%;
		}

	.item2 {
		grid-column: 2;
		grid-row: 1;
	}

		.item2 svg {
			width: 20%;
		}

	.item3 {
		grid-column: 1;
		grid-row: 2;
	}

		.item3 svg {
			width: 15%;
		}

	.item4 {
		grid-column: 2;
		grid-row: 2;
	}

		.item4 svg {
			width: 20%;
		}

		.items p {
			width: 90%;
			margin: 10px auto;
			height: 50%;
		}

.logo {
	margin: 20px auto;
}
	#logo_stargames{
		width: 70%;
		max-width: 400px;
	}

	.logo svg {
		width: 70%;
	}

	.logo p {
		margin-top: 30px;
		font-style: italic;
	}

a:link {color: grey;}
a:visited {color: grey;}
a:hover {color: grey;}
a:active {color: grey;}
.site-footer span:last-child {
	display: none;
}