.form-3 {
    width: 100%;
    margin: 8% auto;
    padding: 10px;
    overflow: hidden;
    /* Styles 
    background: rgba(0,0,0,.7); 
    border-radius: 0.2em;*/
    /*border: 1px solid #191919;
    box-shadow: 0px 0px 4px #333;*/
    background:rgba(255,255,255,.43) ;
    border-radius: 10px;
    border:1px solid #fff; 

}

.form-3 > *:focus{
    outline: none;
}

fieldset{
    margin: 10% auto;
    padding: 0;
    width:85%;
}

legend{
    width:100%;
    position: relative;
    margin: 30px 0 30px 0;
	padding:10px 0;
    background: rgba(10,10,10,.8);
    float: left;
    font-size: 2em;
    letter-spacing: 6px;
    text-align: center;
    color: #777;
    text-shadow:0px 2px 0px #dcdcdc;

}

input::placeholder{
  color:#aaa;
}

.form-3 input[type=text],
.form-3 input[type=password] {
    /* Size and position */
    width: 100%;
    padding: 13px 6%;
    margin-bottom: 10px;
    font-size: 13px;
    float:left;
    background: rgba(0,0,0,.5); 
    border: 1px solid #222;
    border-radius: 0px;
    color: #fff;
    border:0px;
    border-radius: 3px;
}
.form-3 input[type=text]:focus, 
.form-3 input[type=password]:focus {
    border:0px solid #fff;/*#2ea7e0*/
    /*box-shadow: 0 0 5px #fff; /*#00e29a*/
    background: rgba(0,0,0,.6);
}

.form-3 input[type=submit] {
    /* Width and position */
    width: 50%;
    padding:4.2% 3%;
    float: left;
	margin: 5% 25%;
    background:#2ea7e0;
    /* Styles */
    border: 1px solid #0273dd; /* Fallback */
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
	letter-spacing:2px;
}

.form-3 input[type=submit]:hover { 
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    cursor: pointer;
}

.form-3 input[type=submit]:active { 
    /*background: #e1a528;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
    border-color: #000; /* Fallback */
    /*border-color: rgba(0,0,0,0.9);*/
}

.no-boxshadow .form-3 input[type=submit]:hover {
    background: #2a92d8;
}

.footer{
    position: fixed;
    bottom: 0px;
    background: #999;
    width:100%;
    height:30px;
    text-align: center;
    line-height:30px;
}

@media only screen and (min-width: 700px){
    .form-3 {
        max-width: 400px;
       
    }
}