body {
	background: #dee3de;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 85vh;
	flex-direction: column;
}
*{
	font-family: sans-serif;
	box-sizing: border-box;
}
h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}
form {
	width: 340px;
	border: 2px solid #ccc;
	padding: 25px;
	background: #2e9b93;
	border-radius: 18px;
}
button {
	float: right;
	background: #777;
	padding: 10px 15px;
	color: white;
	border-radius:5px;
	margin-right: 10px;
	border: 2px solid #fff;
}

button:hover {
	opacity:.7;
}
input {
    font-size: 18px;
	display:block;
	border: 2px solid #ccc;
	width: 95%;
	padding: 10px;
	margin: 10px auto;
	border-radius: 5px;
}
.error {
	background:none;
	font-size: 14px;
	color: #c60c0c;
	padding: 10px;
	width: 99.8%;
	border-radius: 5px;
	margin: 10px auto;
}
 @keyframes slide {
     0% {
         opacity: 0;
         transform: translateY(70%);
    }
     100% {
         opacity: 1;
         transform: translateY(0%);
    }
}
 @-webkit-keyframes slide {
     0% {
         opacity: 0;
         -webkit-transform: translateY(70%);
    }
     100% {
         opacity: 1;
         -webkit-transform: translateY(0%);
    }
}
 @media screen and (max-width: 720px) {
     .col-sm-4 {
         text-align: center;
         margin: 0px 0;
         width: 99%;
    }
     .btn-lg {
         width: 100%;
         margin-bottom: 35px;
    }
}
 @media screen and (max-width: 480px) {
     .logo {
         font-size: 150px;
    }
}