@media only screen and (max-device-width: 600px) {
	:root {
		--largura-formulario: 90%;
		--recuo-formulario-superior-inferior: 30px;
		--recuo-formulario-esquerdo-direito: 20px;
		--raio-borda-formulario: 28px;
		--altura-titulo-cadastro-cliente-online: 60px;
		--fonte-tamanho-titulo-cadastro-cliente-online: 2.2em;
		--topo-titulo-cadastro-cliente-online: 15px;
		--topo-formulario-cadastro-cliente-online: 70px;
	}
}

@media only screen and (min-device-width: 601px) {
	:root {
		--largura-formulario: 98%;
		--recuo-formulario-superior-inferior: 15px;
		--recuo-formulario-esquerdo-direito: 0px;
		--raio-borda-formulario: 18px;
		--altura-titulo-cadastro-cliente-online: 30px;
		--fonte-tamanho-titulo-cadastro-cliente-online: 1.8em;
		--topo-titulo-cadastro-cliente-online: 10px;
		--topo-formulario-cadastro-cliente-online: 50px;
	}
}

.formulario-cadastro-cliente-online {
	background-color: #FFFFFF;
	position: absolute;
	width: var(--largura-formulario);
	top: var(--topo-formulario-cadastro-cliente-online);
	padding-top: var(--recuo-formulario-superior-inferior);
	padding-bottom: var(--recuo-formulario-superior-inferior);
	padding-left: var(--recuo-formulario-esquerdo-direito);
	padding-right: var(--recuo-formulario-esquerdo-direito);
	border-top-left-radius: var(--raio-borda-formulario);
	border-top-right-radius: var(--raio-borda-formulario);
	border-bottom-left-radius: var(--raio-borda-formulario);
	border-bottom-right-radius: var(--raio-borda-formulario);
}

.corpo-cadastro-cliente-online {
	background-color: #696969;
	position: relative;
	width: 98.2vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: top;
}

.titulo-cadastro-cliente-online {
	background-color: #696969;
	color: #FFFFFF;
	position: absolute;
	width: 100%;
	height: var(--altura-titulo-cadastro-cliente-online);
	display: inline-block;
	text-align: center;
	top: var(--topo-titulo-cadastro-cliente-online);
	font-weight: bold;
	font-size: var(--fonte-tamanho-titulo-cadastro-cliente-online);
}