body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: linear-gradient(-45deg, #BAE579, #81C83C );
	position: relative;
	display: flex;
	font-family: 'Roboto', sans-serif;
}


section{

	width:100%;
	max-width:1280px;
	height:100%;
	margin:0 auto;
	background:white;
	position:relative;

}




h1 {
	width: 100%;
	text-align: center;
	font-family: Montserrat;
	font-weight: 600;
	font-size: 30px;
	color: #82C83C;
}

h3 {
	width:100%;
	text-align:left;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 20px;
    color: #62a81C;
    display: block;
}

h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 16px;
    color: #62a81C;
    display: block;
}

.logo-pseu{
	margin: 0 auto;
    text-align: center;
	max-width: 300px;
	height: 101px;
	margin-top: 50px;
}

.box-nome-aplicacao{
	width:500px;
	margin:0 auto;
	text-align: center;
	margin-top: 50px;
}


	.box-nome-aplicacao a {
		margin-top: 30px;
		text-decoration: none;
	}


	.box-nome-aplicacao a h6 {
		width: 100%;
		height:40px;
		float:left;
		margin: 50px auto 0 auto;
		border: solid #81C83C 1px;
		border-radius: 2px;
		display:flex;
		align-items:center;
		justify-content:center;
		text-decoration: none;
		color: #81C83C;
		transition:0.2s;
	}

		.box-nome-aplicacao a h6:hover {
			border: solid #81C83C 1px;
			background: #81C83C;
			color:white;
		}


footer{
	width: 98%;
	height: 40px;
	bottom: 0;
	left:50%;
	transform:translateX(-50%);
	margin: 0 ;
	display:flex;
	justify-content:space-between;
		position: absolute;
}

.versao-aplicacao{
	font-size: 12px;
	color: #888888;
}

.copyright{
	font-size: 12px;
	color: #888888;
}

.copyright a{
	font-size: 12px;
	color: #539EE3;
	text-decoration: none;
}