.headDevise{
    background-color: #fff;
}


.headDevise .box {
	display: flex;
	justify-content: space-between;
	padding: 30px 15px;
	color: #000;
}
.box  legend {
	margin: 10px 5px;
	font-size: 1em;
	color: black;
}
.box .amount input {
    height: 60px;
	padding: 10px 10px;
	border-radius: 5px;
    width: 80%;
	outline: none;
	border: none;
	background: #beb7b8;
	font-size: 1em;
}
.box .from #from, 
.box .to #to{
	background: #beb7b8;
	padding: 10px;
    height: 60px;
    width: 80%;
	border-radius: 5px;
	outline: none;
	border: none;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}
.box i {
	position: relative;
	top: 35px;
	font-size: 1.25em;
}

.headDevise .convert-btn {
	position: relative;
	left: calc(100% - 200px);
	top: 40px;
	padding: 10px;
    border-radius: 5px;
	border: 5px;
	outline: none;
    color: #fff;
	background: #030346; 
	font-size: 1.25em;
	cursor: pointer;
	transition: .3s;
}
.headDevise .convert-btn:hover {
	background: rgba(0,0,0,.5);
	color: #030346;
}
.headDevise .result {
	position: relative;
	top: 90px;
    padding-bottom: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
    color: #030346;
	
}