@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
}

body {
	height: 100%;
}


/* Cores e Fontes

Roxo #6a3cc8
Azul #073a52

*/

.faixa {
	width: 100%;
	height: 50px;
	background-color: #6a3cc8;
	background-image: url(../_img/faixa.png);
	background-position: center center;
	background-size: 800px;
	background-repeat: no-repeat;
}


.topo {
	width: 100%;
	height: auto;
	padding: 20px 20px 150px 20px;
	background-color: #f2f2f2;
	background-image: url(../_img/foto.png);
	background-position: center bottom;
	background-size: 110%;
	background-repeat: no-repeat;
}

.topo img {
	width: 70%;
	height: auto;
	padding: 20px;
}

.parte1 {
	width: 100%;
	height: auto;
	padding: 50px 20px;
	background-color: #f2f2f2;
}

.parte1 h1 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.7rem;
	color: #073a52;
	text-align: left;
	text-transform: uppercase;
}

.parte1 h1 b {
	font-weight: 700;
	color: #6a3cc8;
}

.parte1 p {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	color: #073a52;
	text-align: left;
}

.parte1 img {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.parte1 a {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1.4rem;
	color: #fff;
	background-color: #6a3cc8;
	padding: 5px 15px;
	border: solid 3px #6a3cc8;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

.parte1 a:hover {
	color: #6a3cc8;
	background-color: #fff;
	border: solid 3px #6a3cc8;
	text-decoration: none;
}

.depoimentos {
	width: 100%;
	height: auto;
	padding: 50px 20px;
	background-color: #6a3cc8;
}

.depoimentos h1 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.7rem;
	color: #f2f2f2;
	text-align: left;
	text-transform: uppercase;
}

.depoimentos h1 b {
	font-weight: 700;
	color: #073a52;
}

.depoimentos iframe {
	width: 100%;
	height: 250px;
	margin: 15px 0px;
	border-radius: 25px 0px;

}

.parte2 {
	width: 100%;
	height: auto;
	padding: 50px 20px;
	background-color: #f2f2f2;
}

.parte2 h1 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.7rem;
	color: #073a52;
	text-align: center;
	text-transform: uppercase;
}

.parte2 h1 b {
	font-weight: 700;
	color: #6a3cc8;
}

.parte2 img {
	width: 100%;
	height: auto;
	padding: 20px;
}

.parte3 {
	width: 100%;
	height: auto;
	padding: 50px 20px 170px 20px;
	background-color: #073a52;
	background-image: url(../_img/fotoresort.png);
	background-position: center bottom;
	background-size: 110%;
	background-repeat: no-repeat;
}

.parte3 h1 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.7rem;
	color: #f2f2f2;
	text-align: center;
	text-transform: uppercase;
}

.parte3 p {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	color: #f2f2f2;
	text-align: center;
}

.videoresort {
	width: 100%;
	height: auto;
	padding: 50px 20px;
	background-color: #073a52;
}

.videoresort iframe {
	width: 100%;
	height: 250px;
	border-radius: 25px 0px;

}

.investimento {
	width: 100%;
	height: auto;
	padding: 50px 0px;
	background-color: #f2f2f2;
}

.investimento h1 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 1.7rem;
	color: #073a52;
	text-align: center;
	text-transform: uppercase;
}

.investimento h1 b {
	font-weight: 700;
	color: #6a3cc8;
}

.investimento img {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.investimento p {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	color: #333;
	text-align: center;
}

.investimento a.light {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1.4rem;
	color: #fff;
	background-color: #073a52;
	padding: 5px 15px;
	border: solid 3px #073a52;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

.investimento a.light:hover {
	color: #073a52;
	background-color: #fff;
	border: solid 3px #073a52;
	text-decoration: none;
}


.investimento a.prime {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1.4rem;
	color: #fff;
	background-color: #6a3cc8;
	padding: 5px 15px;
	border: solid 3px #6a3cc8;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

.investimento a.prime:hover {
	color: #6a3cc8;
	background-color: #fff;
	border: solid 3px #6a3cc8;
	text-decoration: none;
}


.investimento a.mentoria {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1.4rem;
	color: #fff;
	background-color: #373737;
	padding: 5px 15px;
	border: solid 3px #373737;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

.investimento a.mentoria:hover {
	color: #373737;
	background-color: #fff;
	border: solid 3px #373737;
	text-decoration: none;
}


.investimento a.personalizado {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-size: 1.4rem;
	color: #fff;
	background-color: #21eb77;
	padding: 5px 15px;
	border: solid 3px #21eb77;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
	text-decoration: none;
}

.investimento a.personalizado:hover {
	color: #21eb77;
	background-color: #fff;
	border: solid 3px #21eb77;
	text-decoration: none;
}


@media (min-width: 768px) {
	.topo {
		width: 100%;
		height: auto;
		padding: 20px 20px 250px 20px;
		background-size: 100%;
	}

	.topo img {
		width: 50%;
		height: auto;
		padding: 20px;
	}

	.parte1 img.local {
		width: 70%;
	}

	.depoimentos iframe {
		width: 70%;
		height: 450px;
		margin: 15px 0px;
		border-radius: 25px 0px;
	}

	.parte3 {
		padding: 50px 20px 350px 20px;
		background-size: 100%;
	}

	.videoresort iframe {
		width: 100%;
		height: 450px;
		border-radius: 25px 0px;

	}
}

@media (min-width: 1024px) {
	.topo {
		width: 100%;
			height: auto;
			padding: 20px 20px 350px 20px;
			background-size: 100%;
		}
	.topo img {
			width: 400px;
			height: auto;
			padding: 20px;
		}

	.parte1, .depoimentos, .parte2, .videoresort, .investimento {
		padding: 50px 200px;
	}

	.parte3 {
		padding: 50px 200px 400px 200px;
	}
}

@media (min-width: 1200px) {
	.topo {
		width: 100%;
		height: auto;
		padding: 20px 20px 400px 20px;
		background-size: 100%;
	}
	.topo img {
		width: 350px;
		height: auto;
		padding: 20px;
	}

	.parte3 {
		padding: 50px 200px 500px 200px;
	}

	.depoimentos iframe {
		width: 100%;
		height: 450px;
	}
}

@media (min-width: 1440px) {
	.topo {
		width: 100%;
		height: auto;
		padding: 20px 20px 500px 20px;
		background-size: 100%;
	}
	.topo img {
		width: 350px;
		height: auto;
		padding: 20px;
	}

	.parte3 {
		padding: 50px 200px 650px 200px;
		background-size: 100%;
	}
}

@media (min-width: 1600px) {
	.topo {
		width: 100%;
		height: auto;
		padding: 20px 20px 650px 20px;
		background-size: 100%;
	}
	.topo img {
		width: 350px;
		height: auto;
		padding: 20px;
	}

	.parte3 {
		padding: 50px 200px 650px 200px;
		background-size: 100%;
	}
}



/* Footer */

section#todos-direitos {
	height: auto;
	width: 100%;
	background-color: #073a52;
}

section#todos-direitos p {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #fff;
	font-size: 1rem;
	margin-top: 12px;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 768px) {
	section#todos-direitos {
	width: 100%;
	height: auto;
	}

	section#todos-direitos p {
	margin-left: 30px;
	margin-right: 30px;
	}
	
}