#header .login{
	float: left;
	width: 100%;
}

.navbar .texto {
    margin-right: 0px;
    float: right;
}

.center{
	position: absolute;
	top: 26%;
    left: calc(50% - 200px);
	width: 400px;
}
.titulo{
	width: 100%;
	height: 100px;
	text-align: center;
}
.titulo i{
	float: left;
	width: 100%;
	font-size: 45px;
}
.titulo .text{
	float: left;
	width: 100%;
}
.mensajes{
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px;
}
.mensajes.incorrecto{
	border: 1px solid #EDD1D1;
	background-color: #FCEDED;
}
.mensajes.correcto{
	border: 1px solid #4fde21;
    background-color: #f2fced;
}

.logout{
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0 0 0;
	font-size: 16px;
}
input[type=submit]{
	float: left;
	width: 100%;
	float: none;
	cursor: pointer;
	font-size: 18px;
}

@media only screen and (max-width : 767px) {
	.center{
		top: 10%;
		left: calc(50% - 170px);
		width: unset;
		height: unset;
	}

	form{
		width: unset;
	}
}