body {
    font-size: 62.5%;
    line-height: 1.5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444;
background-color: #b81e26;
background-image: url('http://4hdwallpapers.com/wp-content/uploads/2013/04/Natal-Wallpapers.jpg');
background-attachment: fixed;
	
}
	.corB{
	font-size: 1.5em;
	color:#FFF;
	}
	.corP{
	font-size: 1.6em;
	color:#8f040a;
	margin: 0 3% 3% 3% ;
	}
::-webkit-input-placeholder {
   color: #e7b2b5;
}

:-moz-placeholder {
	color: #e7b2b5;
}

::-moz-placeholder {
   color: #e7b2b5;  
}

:-ms-input-placeholder {  
   color: #e7b2b5;  
}

@media screen and (min-width: 768px) {
	h1{
	color: #FFF;
	}
	#menu{
	margin: auto;
	text-align: center;
	}
	#menu ul {
	padding:10px;
	list-style:none;
	}
	#menu ul li { display: inline; }
	#menu ul li a {
	font-size: 2em;
	padding: 2px 10px;
	display: inline-block;
 
	/* visual do link */
	background-color:#EDEDED;
	color: #333;
	text-decoration: none;
	border-bottom:3px solid #EDEDED;
	}
	#menu ul li a:hover {
	border-bottom:3px solid #000;
}
	
	.logo{
		background-image: url('http://acasamarela.com.br/natalfelicidade/img/natal-felicidade.png');
		width: 291px;
		height: 401px;
		margin: auto;
	}
	.formulario{
		text-align: center;
		width: 60%;
		height:auto;
		margin:auto;
		margin-top: 5%;
		margin-bottom: 5%;
		background-image: url('http://acasamarela.com.br/natalfelicidade/img/transparencia.png');
		padding-top:2%;
		padding-bottom: 5%;
	}
	
	.campo{
		width: 40%;
		height: 40px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2em;
		border: solid 1px #000;
		color: #c61f26;
		font-weight: bold;
		padding-left: 2%;
	}
	.calculo{
	width: 50%;
	padding: 3%;
	
	background: #333;
	margin: auto;
	margin-bottom: 3%;
	color: #000;
	}
	#incentivoMSG{
	color: #FFF;
	display:none;
	font-size: 2em;
	}
	.campoResultado{
	border: 0px;
	color: #3edc3e;
	background: #333;
	width: 100%;
	font-size: 2em;
	text-align: center;
	}
	.campoCalcule{
		width: 30%;
		height: 40px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2.0em;
		border: solid 1px #000;
		color: #c61f26;
		font-weight: bold;
		text-align: center;
	}
	
	.btCalcule{
		width: auto;
		height: 52px;
		margin: 0.5%;
		padding: 0 10px;
		font-size: 1.5em;
		border: solid 1px #000;
		color: #000;
		font-weight: bold;
		text-align: center;
	}
	.pronto{
		width: 84%;
		height: 80px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2.3em;
		background: #000;
		color:#FFF;
		font-weight: bold;
		border: 1px #000 solid;
		background: -webkit-linear-gradient(left top, #37a341, #1c7825); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom right, #37a341, #1c7825); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom right, #37a341, #1c7825); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, #37a341, #1c7825); /* Standard syntax (must be last) */
	}
	.pronto:hover{
		
	}
}
@media screen and (max-width: 768px) {
	h1{
	color: #FFF;
	}
	#menu{
	margin: auto;
	text-align: center;
	margin-bottom: 15%;
	}
	#menu ul {
	padding:10px;
	list-style:none;
	}
	#menu ul li { display: inline; }
	#menu ul li a {
	font-size: 2em;
	padding: 2px 10px;
	display: inline-block;
 
	/* visual do link */
	background-color:#EDEDED;
	color: #333;
	text-decoration: none;
	border-bottom:3px solid #EDEDED;
	}
	#menu ul li a:hover {
	border-bottom:3px solid #000;
}

	.logo{
		background-image: url('http://acasamarela.com.br/natalfelicidade/img/natal-felicidade.png');
		width: 291px;
		height: 401px;
		margin: auto;
	}
	.formulario{
		text-align: center;
		height:auto;
		margin:auto;
		margin-top: 5%;
		margin-bottom: 5%;
		background-image: url('http://acasamarela.com.br/natalfelicidade/img/transparencia.png');
		padding-top:2%;
		padding-bottom: 5%;
	}
	
	.campo{
		width: 90%;
		height: 40px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2em;
		border: solid 1px #000;
		color: #c61f26;
		font-weight: bold;
		padding-left: 2%;
	}
	.calculo{
	width: 90%;
	padding: 3%;
	
	background: #333;
	margin: auto;
	margin-bottom: 3%;
	color: #000;
	}
	#incentivoMSG{
	color: #FFF;
	display:none;
	font-size: 2em;
	}
	.campoResultado{
	border: 0px;
	color: #3edc3e;
	background: #333;
	width: 100%;
	font-size: 2em;
	text-align: center;
	}
	.campoCalcule{
		width: 90%;
		height: 40px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2.0em;
		border: solid 1px #000;
		color: #c61f26;
		font-weight: bold;
		text-align: center;
	}
	
	.btCalcule{
		width: auto;
		height: 52px;
		margin: 0.5%;
		padding: 0 10px;
		font-size: 1.5em;
		border: solid 1px #000;
		color: #000;
		font-weight: bold;
		text-align: center;
	}
	.pronto{
		width: 84%;
		height: 80px;
		margin: 0.5%;
		padding: 5px;
		font-size: 2.3em;
		background: #000;
		color:#FFF;
		font-weight: bold;
		border: 1px #000 solid;
		background: -webkit-linear-gradient(left top, #37a341, #1c7825); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom right, #37a341, #1c7825); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom right, #37a341, #1c7825); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, #37a341, #1c7825); /* Standard syntax (must be last) */
	}
	.pronto:hover{
		
	}
}