body { 
	font-family:Verdana, Geneva, sans-serif;
	height:100%; 
	width:100%; 
	margin:0; 
	color:#fff;
	background:#4e0c33;
}

.left{
	position:absolute;
	top:50px;
	left:250px;
}

.right{
	float:right;
	border-bottom:20px solid #4e0c33;
}

.rodape{
	position:absolute;
	bottom:20px;
	left:0;
	width:90%;
	display:block;
}

.rodape-mob{
	display:none;
}

h1{
	font-family:"Myriad Pro", Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:40px;
	color:#feac00;
	padding:20px 0 10px 30px;
}

h2{
	font-weight:normal;
	padding-left:30px;
	font-size:24px;
}

.botao{ max-width:120px; margin:30px 0 30px 30px; }

.h25{ width:auto; max-height:25px; }
.h30{ width:auto; max-height:25px; }
.h40{ width:auto; max-height:35px; }
.h50{ width:auto; max-height:35px; }

@media (max-width: 1200px) {
	.left{
		left:180px;
	}

	.rodape{
		width:95%;
	}
}

@media (max-width: 1023px) {
	.left{
		left:100px;
	}

	.rodape{
		width:95%;
	}
	
	h2{ font-size:20px; }
}

@media (max-width: 800px) {
	.left{
		left:20px;
	}

	.rodape{
		width:99%;
	}
	
	.h25{ width:100%; max-height:none; }
	.h30{ width:70%; max-height:none; }
}

@media (max-width: 600px) {
	.right{
		display:none;
	}

	.left{
		position:absolute;
		width:100%;
		top:20px;
		left:0px;
		text-align:center;
	}
	
	h1{ padding:20px 10px 10px 10px; }
	h2{ padding:0 10px; }

	.rodape{
		display:none;
	}
	
	.rodape-mob{
		width:96%;
		bottom:0;
		left:0;
		position:fixed;
		display:block;
		background:#feac00;
		padding:10px 2%;
		text-align:center;
	}
	
	.rodape-mob a{
		color:#fff;
		text-decoration:none;
	}
	
	.h40{ width:25px; max-height:none; }
	.h50{ width:120px; max-height:none; }
	
	.botao{ margin:30px 0; }

}

@media (max-width: 500px) {
	.h40{ width:20px; max-height:none; }
	.h50{ width:90px; max-height:none; }
}