body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#4598F4;
    background-image:url("../img/background.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

* {box-sizing: border-box;}

html {
    height: 100%;
}

#wrapper { display:block; width:350px; margin:0 auto; margin-top:15%; padding:20px; border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2); }

#logo { width:100%; }

.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
margin-bottom: 15px;
}

.icon {
padding: 10px;
background: #5A5A5A;
color: white;
min-width: 80px;
text-align: center;
padding-top:12px;
}

.input-field {
display:block;
right: 10px;
outline: none;
margin-left:10px;
padding-left:5px;
width:230px;
}

.input-field:focus {
 border: 2px solid dodgerblue;
}

/* Set a style for the submit button */
.btn {
background-color: #5A5A5A;
color: white;
padding: 15px 20px;
border: none;
cursor: pointer;
width:320px;
opacity: 0.9;
}

.btn:hover {
opacity: 1;
}