@import url('fonts.css');
	
	.menu {
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;
	} 
	
	body {
		font-family: arial;
		color: #0f0042;
	}
	
	main {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	h1 {
		text-align: center;
	}
	
	h2 {
		text-align: center;
	}
	
	p {
		font-size: 20px;
		text-align: center;
	}
	
	a:visited {
		color: #003887;
	}
	
	a:link {
		color: #171E70;
		text-decoration: none;
	}
	
	
	ul.ul-planos {
		height: 120px;
		list-style-type: none;
	} 
	
	.li-planos {
		font-size: 18px;
	}

	.planos {
		display: flex;
		justify-content: center;
		gap: 50px;
	}
	
	.planos-content {
		background-color: white;
		width: 300px;
		height: 350px;
		padding: 20px;
		border: 2px solid #acdbf6;
		border-radius: 10px;
	}
	
	.planos-content-basico {
		background-color: white;
		width: 300px;
		height: 350px;
		padding: 20px;
		border: 2px solid #acdbf6;
		border-radius: 10px;
	}
	
	.planos-content-essencial {
		background-color: #acdbf6;
		width: 300px;
		height: 350px;
		padding: 20px;
		border: 2px solid #acdbf6;
		border-radius: 10px;
	}
	
	.planos-content-premium {
		background-color: #003887;
		color: white;
		width: 300px;
		height: 350px;
		padding: 20px;
		border: 2px solid #003887;
		border-radius: 10px;
	}
	
	.botao {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background-color: white;
		border: 2px solid #acdbf6;
		border-radius: 5px;
		padding: 10px;
		margin: 0 40px 0 40px;
	}
	
	.botao-essencial {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		background-color: white;
		border: 2px solid white;
		border-radius: 5px;
		padding: 10px;
		margin: 0 40px 0 40px;
	}
	
	.botao-premium {
		font-size: 16px;
		color: #003887;
		font-weight: bold;
		text-align: center;
		background-color: white;
		border: 2px solid white;
		border-radius: 5px;
		padding: 10px;
		margin: 0 40px 0 40px;
	}
	
	.check-icon {
		width: 20px;
		height: 20px;
	}

	.price {
		font-size: 40px;
		font-weight: bold;
	}
	
	.duvidas {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 1180px;
		height: 100px;
		margin: 20px auto;
		background-color: #acdbf6;
		border: 2px solid #acdbf6;
		border-radius: 10px;
	}
	
	.botao-fale-conosco {
		font-size: 16px;
		color: #003887;
		font-weight: bold;
		text-align: center;
		background-color: white;
		border: 2px solid white;
		border-radius: 5px;
		padding: 10px 30px;
		margin: 0 40px 0 40px;
		
	}
	
	@media (max-width: 680px) {
		
	main {
		padding: 0px;
	}

	.menu { 
		width: 100%; 
	}
	
	.menu ul {
		gap: 20px;
		justify-content: center;
	}
	
		
	.planos {
		flex-direction: column;
		align-items: center;
	}
	
	
	.duvidas {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 500px;
		height: 100px;
		margin: 20px auto;
		background-color: #acdbf6;
		border: 2px solid #acdbf6;
		border-radius: 10px;
	}	
	}