body {
	background: url(../img/bg/calculations.jpeg) no-repeat top center fixed;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.calculator {
    position: relative;
    margin-top: 10%;
	font-family: "Droid Sans";
	text-align: center;
	height: auto;
	background: #585858;
	color: 	#E6E6E6;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border-radius: 5px;
	box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.75);
}

.calculator h1 {
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
	padding-top: 20px;
}

.calculator a {
    color: coral;
}

.calculator a:hover {
  color: #E46A6B;
}

.display {
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	background: #E6E6E6;
	color: #585858;
	height: 40px;
	border-radius: 3px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
	font-size: 2em;
}

.buttons {
	margin-left: auto;
	margin-right: auto;
}

.btn-default {
	background: #E6E6E6;
	color: #585858;
	margin-bottom: 8px;
	margin-right: 8px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.75);
	width: 50px;
	height: 50px;
	font-size: 1.5em;
}

.btn-clear {
	width: 112px;
	height: 50px;
}

.btn-ce {
	width: 112px;
	height: 50px;

}

.btn-default:hover {
	background: #f8f8f8;
	font-size: 24px;
}