body {
	background: #CCC url('../imagens/fundo.jpg');
}

header {
	min-width: 410px;
}

#foto-saude {
	width: 120px;
	height: 120px;
	margin: auto;
	border-radius: 10px;
}

#foto-jumbotrom {
	width: 120px;
	height: 120px;
	text-align: center;
	border-radius: 10px;
}

.jumbotron {
	width: 450px;
	border-right: 1px solid grey;
}

.informacao {
	background: #ffffff;
	
}

.foto-mulher {
	height: 420px;

}

.foto-medica {
	width: 640px;
	margin-top: 20px;
}
/* Formulário
*****************************/
#formulario input {
	width: 500px;
	list-style: none;
	text-align: center;

}

#formAuto {
	margin: 10px 0 10px 0;
}

#cotacaoAuto {
	width: 100%;
	margin-top: 10px;
	padding-bottom: 30px;
	text-align: center;
}

#caixa {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 60px;
	padding-left: 25px;
	font-weight: 700;
	border-radius: 50px;

	
}

#logoForm {
	width: 400px;
	height: 120px;
	margin-left: 100px;

}

#mulher {
	background-image: url('../imagens/mulher1.jpg');
}

.center {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
}

.hidden {
    display: none;
  }

.card:hover{
	transform: scale(1.1);
}

input[type="checkbox"] {
	position: relative;
	width: 50px;
	height: 20px;
	-webkit-appearance: none;
	background: #c6c6c6;
	outline: none;
	border-radius: 20px;
	box-shadow: inset 0 0 5px rgba(0.0.0..2);
	transition: ,5s;
}

input:checked[type="checkbox"] {
	background: #D7DF01;
}

input[type="checkbox"]:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	top: 0;
	left: 0;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	transform: scale(1.1);
	transition: .5s;
}

input:checked[type="checkbox"]:before {
	left: 40px;
}





/* Rodapé
*****************************/
footer {
	background: #000;
	padding: 50px 0px 20px 0px;
	position: relative;
}

footer h4 {
	color: #919496;
	font-size: 0.8em;
	text-transform: uppercase;
}

footer .navbar-nav a {
	color: white;
	font-size: 0.8em;

}

footer .navbar-nav a:hover {
	color: #9bf0e1;
	text-decoration: none;

}

footer ul {
	list-style: none;
}

footer ul li {
	float: right;
	margin: 0px 10px;
}

footer p {
	margin-top: 50px;
	margin-left: 30px;
	color: #919496;
	font-size: 0.8em;

}


/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.btn-custom {
		margin: 0px 0px;
		font-size: 1em;
	}

	header {
		width: 330px;
		height: 250px;
	}

 }

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	h1 {
		font-size: 3em;
	}

	.btn-custom {
		margin: 10px 15px;
	}

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	h1 {
		font-size: 4em;
	}

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	
 }