.button_row {
	background: #2F3136;
	width: 100%;
	height: 30%;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden; 
}

/*###########                           plain*/

.button {
	background-color: #36393F;

	display: block;
	
	font-family: monospace, serif;

	border: 3px solid #2F3136;
	outline: none;
	color: #B9BBBE;
	border-radius: 12px;

	height: 50%;
	width: 25%;
	font-size: 4vh;

	flex: 1;
	flex-wrap: wrap;
	flex-basis: 50%;
}

.button:active {
	background-color: #2E3034;
}

/*##########                       red*/

.red_button {
	background-color: #F04747;
}

@media screen and (orientation:portrait) {
	.button_row{
		height: 40%;
		flex-wrap: wrap;
	}

	.button{
		height: 25%;
		width: 100%;
		font-size: 3.5vh;

		flex-basis: 100%;
	}
}