html, body {
	height: 100%;
	margin: 0;
}

.samplerPads {
	height: 100vw;
	margin: 0 auto;
	width: 100vw;
}

.padGrid {
	align-content: space-between;
	display: flex;
	flex-flow: wrap;
	height: 100%;
	justify-content: space-between;
	width: 100%;
}

.padGrid-pad {
	background: dodgerblue;
	border: none;
	height: 33.24%;
	width: 33.24%;
}

@media only screen and (orientation: landscape) {
	.samplerPads {
		height: 100vh;
		width: 100vh;
	}
}