*{
	padding:3px;
	margin:5px;
	text-align:center;
}
body
{
	background-color:blue;
}

@media screen and (min-width:1024px)
{
	body
	{
		background-color:yellow;
		flex-direction:column;
	}
	.calculator
	{
		width:30vw;
		height:30vh;
	}
}
@media screen and (min-width:900px) and (max-width:1023px)
{
	body
	{
		background-color:gray);
		flex-direction:column;
	}
	.calculator
	{
		width:50vw;
		height:50vh;
	}
}
@media screen and (min-width:768px) and (max-width:899px)
{
	body
	{
		background-color:orange;
		flex-direction:column;
	}
	.calculator
	{
		width:50vw;
		height:50vh;
		
	}
}
@media screen and (max-width:600px)
{
	body
	{
		background-color:red;
		flex-direction:column;
	}
	.calculator
	{
		width:50vw;
		height:50vh;
	}
}


.calculator{
	width: 60vw;
	height:80vh;
	background-color:#c0c0c0;
	box-shadow:0px 0px 0px 8px #666;
	border:5px solid black;
	border-radius:10px;
	margin-left: 5%;
	margin-right: 5%;
}
#display{
	width:40vw;
	height:8vh;
	text-align:right;
	background-color:black;
	border:3px solid white;
	font-size:160%;
	left:2px;
	top:2px;
	color:#7fff00;
	min-height: 0px;

}
.bTnTop{
	color:white;
	background-color:#ff69b4;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;
}
.bTnNum{
	color:white;
	background-color:black;
	font-size:110%;
	margin:auto;
	min-height: 30px;
	width:100%;
	height:100%;
}
.bTnMath{
	color:white;
	background-color:#704249;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;

}
.bTnOpps{
	color:white;
	background-color:#ff9933;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;

}
.bTnMath1{
	color:white;
	background-color:#9400d3;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;

}
.bTnOpps1{
	color:white;
	background-color:#ff0000;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;

}
.bTnTop1{
	color:white;
	background-color:brown;
	font-size:110%;
	margin:auto;
	width:100%;
	height:100%;
	min-height: 30px;
}
.bTnNum1{
	color:white;
	background-color:#ff8c00;
	font-size:110%;
	margin:auto;
	min-height: 30px;
	width:100%;
	height:100%;
}