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

.samplerPads {
	height: calc(100vw - 50px);
	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: calc(25% - 2px);
	width: calc(33.33% - 2px);
	margin: 1px 1px;
}

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