.hero.is-success {
	background: linear-gradient(hsl(210, 44%, 96%), hsla(210, 44%, 95%, 1), hsla(210, 44%, 94%, 1));
}

.hero .nav, .hero.is-success .nav {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.box {
	margin-top: 5rem;
}

.avatar {
	margin-top: -70px;
	padding-bottom: 20px;
}

.avatar img {
	padding: 5px;
	background: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
	box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
}

input {
	font-weight: 300;
}

p {
	font-weight: 700;
}

p.subtitle {
	padding-top: 1rem;
}

.container-box {
	margin: 0 auto;
	width: 500px;
}

.container-box-approval {
	width: 600px;
}

@media screen and (max-width: 400px) {
	.container-box {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.container-box-approval {
		width: 100%;
	}
}