.bg-hover:hover,
.bg-hover:focus,
.bg-hover:active,
.bg-hover:target {
  opacity: 0.45 !important;
}

.boxdtext {
  text-shadow: 1px 1px 2px #1111112b !important;
}

.typerx:hover{
	background-color: #d1a764;
	border:0;
}

.typerx{
  cursor: pointer;
}

*{ 
	margin: 0;	
	padding: 0;
	border:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
	background-color: /*#34495e*/ #2c3e50;
}

body, form, html, section{
	height: 100%;
}

form{
	background-color: #34495e;
	border: 1px solid #2c3e50;
}

form button{
	background-color: #22ad1914;
	border: 1px solid #2c3e50;
	color: #ecf0f1bf;
	height: 16.6666%;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	float: left;
	padding: 0;
	transition: background-color 0.2s;
	width: 25%;
}

form button:hover{
	background-color: #2c3e50;
	cursor: pointer;
}

form button.apagar:hover{
	background-color: /*#f39c12*/ #a37c38;
	border:0;
}

form button.igual:hover{
	background-color: #2980b9;
}

form button.limpar:hover{
	background-color: #e74c3c;
	border:0;
}

form button.maior{
	width: 50%;
}

form button.operacao:hover{
	background-color: #16a085;
}

form input{	
	background-color: /*#2c3e50*/ /*#dba040*/ #f39c12;
	color: #ecf0f1d4;
	height: 16.666%;
	font-size: 45px;
	text-align: right;
	padding: 17px;
	width: 100%;
}

.numero{
	background-color: rgba(44, 62, 80, 0.3);
}

section{
	margin: 0 auto;
	max-width: 500px;
}

@media(max-height: 400px){
	section{max-width: 100%}
}