body, html {
	font-size: 1em;
	font-family: Source Code Pro, sans-serif;
	background-color: #FF4D72;
	color: white;
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.logo {
	position: fixed;
	margin: 1.5em 0 0 4vw;
	top: 0;
	left: 0;
	width: 15em;
	z-index: 3000;
	pointer-events: none;
}

.vitoria {
	width: 100vw;
}

.globo {
	width: 30vw;
	position: relative;
	top: -10vw;
	left: 60vw;
	z-index: 3000;
}

.duo {
	width: 80vw;
	z-index: -1000;
	padding-bottom: 5vw;
}

.foot-p {
	font-size: 0.6em;
	font-style: italic;
	margin: 1.5em 20vw 1.5em 0;
	color: #551E6E;
}

.fac {
	width: 100%;
}

.wrapper {
	margin: 0 5vw 0 5vw;
	position: relative;
	z-index: 1000;
	max-width: 1100px;
}

.wrap1 {
	padding: 0 0 10em 0;
	margin-top: -20vw;
}

.texto {
	font-family: Source Sans Pro;
	font-size: 1em;
	line-height: 1.7;
	width: 90%;
}

.textod {
	margin: 0 0 0 0;
}

.titulo {
	font-family: Source Code Pro, sans-serif;
	font-size: 1.6em;
	letter-spacing: 0.05em;
	margin: 4em 0 1em 0;
	font-weight: 900;
	color: #551E6E;
}

.baixe {
	font-family: Source Sans Pro, sans-serif;
	font-size: 2em;
	margin: 2em 0 1em 0;
	width: 100%;
	line-height: 1.3;
	font-style: italic;
}

.botao {
	padding: 1em;
	background-color: #551E6E;
	text-align: center;
	width: 50vw;
	cursor: pointer;
	transition-duration: 0.1s;
}

.botao-p {
	font-family: Source Code Pro, sans-serif;
	font-size: 1.6em;
	letter-spacing: 0.05em;
	font-weight: 400;
	color: white;
}

.botao:hover {
	background-color: #dd3f66; /* Green */
}



@media (min-width: 1000px) {

	.baixe {
		font-size: 3em;
		width: 85%;
		margin: 2em 0 1em 0;
	}
	.titulo {
		font-size: 5em;
		letter-spacing: 0.05em;
		margin: 3em 0 1em -1em;
	}
	.globo {
		width: 20vw;
		left: 70vw;
	}
	.duo {
		width: 50vw;
		margin: -14em 0 0 30%;
		padding-bottom: 0;
	}
	.fac {
		width: 50vw;
		max-width: 600px;
	}
	.logo {
		width: 25em;
		margin: 3em 0 0 9.5vw;
	}
	.foot-p {
		font-size: 0.8em;
		margin: 3em 0 3em 0;
	}
	.wrapper {
		margin: 0 10vw 0 10vw;
	}
	.wrap1 {
		margin-top: -30vw;
	}
	.texto {
		font-size: 1.3em;
		line-height: 1.7;
		width: 60%;
	}
	.textod {
		margin: -6.4em 0 0 0;
	}
	.botao {
		padding: 1.5em;
	}
	.botao-p {
		font-size: 2.5em;
	}


}

@media (min-width: 1200px) {
	.wrapper {
		margin: 0 12vw 0 12vw;
	}
	.wrap1 {
		margin-top: -30vw;
	}
	.logo {
		width: 40em;
		margin: 3em 0 0 11.5vw;
	}
}

@media (min-width: 1600px) {
	.wrapper {
		margin: 0 auto;
	}
	.wrap1 {
		margin-top: -30vw;
	}
}