html, body{
height:100%;
width:100%;
}

.contenido{
position:absolute;
display:inline-block;
top: 50%;
left: 50%;
width:25em;
border-radius:10px;
transform: translate(-50%,-50%);
height:initial!important;
}

.contenido .logo{
width:100%;
height:9em;
margin:0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-align:center;
}

.contenido .logo span{
width:4em;
height:4em;
display:inline-block;
background:url(../images/login-top.svg) center center no-repeat;
background-color:#138bfc;
border-radius:50%;
}

.contenido .logo p{
color:#fff;
font-weight:600;
font-size:2em;
font-family:Roboto;
}

.contenido .lgcntainer{
width:100%;
background-color:rgba(0,0,0,0.4);
padding:3em;
display:inline-block;
border-radius:5px;
}

form .input-group{
margin-bottom:1em;
height:3em;
}

form .input-group input{
height:3em;
}

.buttons, a:hover{
background-color:#252426;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:0.6em;
width:100% !important;
margin-top:1em;
display:inline-block;
font-size:1.2em;
text-align:center;
color:#fff;
text-decoration:none;
}

a:hover{
background-color:#49464A;
}