.calc-el{
	 padding: 5px;
    border-radius: 5px;
    width: 100%;
}

.block-calc {
	width: 80%;
	margin: 0 auto;
}

.empty{
	border-color: red;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#calc-result{
 		border-left: 3px solid #198754;
	}
}

.material-size {
	display: flex;
}

.material-size-left, .material-size-right  {
	flex: 1 1 0;
}

.material-size-left {
	border-right: 2px solid green;
	padding-right: 10px;
}
.material-size-right {
	padding-left: 10px;
	justify-content: center;
   display: flex;
   flex-direction: column;
}


/*Media*/
/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 650px) {
	.material-size {
		flex-direction: column-reverse;
		}
	
		.material-size-left {
		border: none;
		padding-right: 0;
	}
	
		.material-size-right {
		margin-bottom: 1rem;
		padding-left: 0;
	}

}

/* Landscape phones and smaller */
@media (min-width: 381px) and (max-width: 480px) {
	.material-size {
		flex-direction: column-reverse;
		}
	
		.material-size-left {
		border: none;
		padding-right: 0;
	}
	
		.material-size-right {
		margin-bottom: 1rem;
		padding-left: 0;
	}
}


@media (max-width: 380px) {
	.material-size {
		flex-direction: column-reverse;
		}
	
		.material-size-left {
		border: none;
		padding-right: 0;
	}
	
		.material-size-right {
		margin-bottom: 1rem;
		padding-left: 0;
	}
}