*{margin: 0;padding: 0;text-decoration: none;font-family: sans-serif;}



body{width: 100%;background-color: #fff;}

.principal{

	display: flex;

	flex-direction: row;

	justify-content: flex-start;

	width: 100%;

}



.esquerda{

	width: 70%;

	color: #fff;

	background-image: url("../img/background/carrinho-de-compras-e-computador-representando-a-jornada-de-compra.jpg");

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	background-attachment: inherit;

	height: 100vh;



}

.opacidade{

	background-color: #000;

	opacity: 0.5;

	width: 70%;

	margin: 0 auto;

}



.direita{

	width: 30%;

	background-color: #000;

	color: #fff;

	text-align: center;

	padding-top: 5%;

}



.direita .form .parte{

	display: flex;

	flex-direction: row;

	justify-content: space-around;

	width: 90%;

}



.direita .form .parte .btns{

	width: 80%;

	display: flex;

	flex-direction: row;

	justify-content: space-around;

	flex-wrap: wrap;

}



.direita .form .parte .btns .botao{

	background-color: #fff;

	color: #333;

	width: 32%;

	height: 95px;

	margin: 1px auto;

	transition: all 0.3s ease-in-out;

	border: none;

}

.direita .form .parte .btns .botao:hover{

	background-color: #ccc;

}

.direita .form .parte .btns .botao a{

	font-size: 14pt;

	font-weight: bold;

}



.direita .form .parte .submt{

	width: 20%;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.direita .form .parte .submt button{

	width: 100%;

	height: 144px;

	background-color: #fff;

	color: #333;

	transition: all 0.3s ease-in-out;

	border: none;

	margin: 1px auto;

	font-weight: bold;

}

.direita .form .parte .submt button:hover{

	background-color: #ccc;

}



.direita .dentro{

	margin-top: 2%;

}



.direita .form{

	display: flex;

	flex-direction: column;

	align-items: center;

}



.direita .form input, .direita .form select{

	width: 87%;

	padding: 15px 4px;

	margin-top: 5%;

	border:none;

	background-color: #fff;

}



.direita .form p{

	margin-top: 5%;

}



.direita .form p button{

	background-color: #93A093;

	color: #fff;

	cursor: pointer;

	padding: 5px 10px;

	border-radius: 1px;

	margin-left: 20px;

	border:none;

}



@media (max-width: 800px){

	.principal{

		flex-direction: column;

		justify-content: center;

	}



	.esquerda, .direita{

		width: 100%;

	}



	.direita h1{

		margin-top: 8%;

	}



	.esquerda .logo h1{

		font-size: 7rem;

	}



	.esquerda .logo p{

		font-size: 1.5rem;

	}



	.esquerda .logo{

		margin: 22% 0;

	}



	.direita .form{

	margin-bottom: 5%;

	}

}