body {
	background: #111;
	background-image: url("back.jpeg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.agorae {
width: 40%;
}

.VOE {
width: 30%;
}

.acesse {
color: white;
font-size: 50px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
}

.site {
color: #6dad3a;
font-size: 50px;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
text-decoration:none;
font-weight: bold;
}

@media screen and (max-width: 900px) {
.agorae {
width: 90%;
}
.VOE {
margin: auto;
width: 80%;
}
.acesse {
font-size: 20px;
}

.site {
font-size: 20px;
}
}

.button {
	display: inline-block;
  margin: 0;
  padding: 0.75rem 1rem;
	border: 0;
	border-radius: 0.317rem;
	background-color: #aaa;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	font-size: 1rem;
  line-height: 1.5;
	font-family: "Helvetica Neue", Arial, sans-serif;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
}

.button:hover {
	opacity: 0.85;
}

.button:active {
	box-shadow: inset 0 3px 4px hsla(0, 0%, 0%, 0.2);
}

.button:focus {
	outline: thin dotted #444;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.button_primary {
	background-color: #1fa3ec;
}

.button_secondary {
	background-color: #e98724;
}

.button-icon {
	display: inline-block;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
	margin-right: 0.317rem;
}