*{margin:0%; padding:0%; font-size:100%; border:none; outline:none; font-weight:300; box-sizing:border-box;}
body{background-image: linear-gradient(to bottom, #2980B9, #34495E);  font-family:Sans-Serif;}
a{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}
.cabecalho{width:100%; float:left; padding: 2% 4%; position:fixed; font-family:Sans-Serif; background-color: rgba(0,0,0,0.4);}

.logo{width:196px; height:50px; float:left; background: url(../img/escudo.png) left center/45px no-repeat; font-size:0;}

.btnLocalizar{background-color:rgba(11,156,149,0.9); position:fixed; color:white;  border-radius:35px; margin-left:10px; margin-top:130%;
padding:28px; cursor:pointer; display:block;}


#menu2{display:none;}
.menu ul{width:80%;text-align:center;margin-left:10%;border-radius:15px;margin-top:40px;padding:30px;background-color:rgba(0,0,0,0.4);}
.menu li{padding:2px;}

.box-cadastro{width:90%; height:400px; background-color:rgba(0,0,0,0.4); color:white; font-size:1em; margin-top:5%; border-radius:15px; margin-left:5%;
				padding:5%; text-align:center;}
				
.box-cadastro p{float:left; font-size:1.2em}
				
.checkPrivacidade{text-align:left; margin-top:15px; margin-bottom:15px;}
.checkPrivacidade a{color:lightblue;}
				
.btn-menu-items{background-color:rgba(0,0,0,0.3); color:white; cursor:pointer; font-size:1em; padding:3%; width:100%; border-radius:5px;}
					

					
.input-cadastro{background-color:rgba(0,0,0,0.3); width:100%; text-align:left; font-size:1em; padding:3%; border-radius:15px; cursor:text;
				color:white; margin-top:2%;}

.input-login{background-color:rgba(0,0,0,0.3); width:100%; text-align:left; font-size:1em; padding:1.5%; border-radius:5px; cursor:text;
				color:white; margin-top:2%;}

				
.btn-enviar-cadastro {cursor:pointer; margin-top:5%; background-color:rgba(0,0,0,0.4); width:90px; color:white; align: center; text-align: center; 
						padding:10px; border-radius:10px;}
					
.box-login{width: 90%; margin-top:150px; background-color:rgba(0,0,0,0.4); color:white; font-size:1em; padding:2%; border-radius:20px;
					margin-left:5%; padding:5%; text-align:left;}

.enviar-login {cursor:pointer;margin-top:5%;background-color:rgba(0,0,0,0.4);color:white;text-align:center;padding:10px;border-radius:10px;}

.bunner{width:100%; float:left; text-align:center; padding:30% 4% 20% 4%; margin-top:0px; height:100%; background-image: linear-gradient(to bottom, #2980B9, #34495E);}

.title{width:100%;}
.title h2{font-size:2.5em;color:white;font-weight:700px;}
.title h3{font-size:1.2em;color:white;font-weight:500px;margin-top:20px;}

.btn {width:100%; text-align:left; cursor:pointer; font-size:1.5em; padding:5%; border-radius:20px;}
.btn i{float:right;}
.btn-surpresinha{background-color: rgba(0,128,128,0.8); color:white; margin-top:5%; margin-bottom:5%;}

.servicos{width: 100%; float:left; padding: 3% 4%;}
.servico{width: 100%; background-color: rgba(0,0,0,0.5); border-radius: 50px; text-align:left;	margin-right:3%;}
.servico img{border-radius:50px 50px 0px 0px;width:100%;}
.servico p{text-align:justify;}

.inner{padding: 7%;}
.inner span{font-size:1.6em; color:white; font-weight:bold;}
.inner p{margin-top:6%; color:white; font-weight:700px; line-height:1.5em; margin-bottom:10%; font-size:1.4em;}

.rodape{padding-bottom: 20px; text-align:center; background:transparent;}
.social-icons{text-align:center; margin-top:100px;}
.social-icons a{font-size:8em; color: rgba(255,255,255,0.9); margin-right:5%;cursor:pointer;}
.social-icons span{font-size:2em; color: rgba(255,255,255,0.9); margin-right:5%;cursor:pointer;}
.social-icons a:last-child{margin-right:5%;}
.social-icons a:hover{color: rgb(255,255,255);}
.copyright{margin-top:50px; color: rgba(255,255,255,0.9);font-weight:bold; text-align:center;}
.alvo{margin-bottom:28%;}

.input{width:100%; text-align:left; font-size:1.5em; padding:5%; border-radius:20px;}


@media screen and (min-width: 460px)
{
	.bunner{width:100%;float:left;text-align:center;padding:25% 4% 5% 4%;margin-top:0; height:100%;}
	.btn-cadastro{margin-top:10px;width:420px;padding:25px;}
	.btn-login{width:420px;padding:25px;margin-top:90px;}
		
	.box-login{width:430px; border-radius:15px;margin-left:5%;padding:25px;text-align:left;}
	.input-login{width:380px;font-size:1em;padding:10px;color:white; margin-top:10px;}	
	.input-cadastro{width:380px;padding:8px;border-radius:10px;margin-top:5px;}
	.box-cadastro{width:430px; margin-top:150px; height:399px; border-radius:15px; margin-left:6%; padding:25px;}
	
	.menu ul{width:400px;margin-left:20%;}	
	.btn-menu-items{padding:7px;}
	
	.espera{width:100%; height:100%; position:fixed; margin-left:0; background-color:rgba(255,255,255,0.9); display:none;}
	.espera img{margin-top:40%;margin-left:30%;}

}

@media screen and (min-width: 640px){
	
	.bunner{width:100%;float:left;text-align:center;padding:20% 4% 5% 4%;margin-top:0; height:100%;}
	.box-cadastro{margin-left:16%;}
	.box-login{margin-left:16%;}
	
	.title h2{font-size:3em;font-weight:700px;}
	.title h3{font-size:1.5em;font-weight:500px;}
	
	.inner{padding:10%;}
	.inner span{font-size:1.5em; color:white; font-weight:bold;font-size:30px;}
	.inner p{margin-top:6%;color:white;font-weight:700px;line-height:1.5em;font-size:20px;}
	
	.servico{width:575px; background-color:rgba(0,0,0,0.5);border-radius:50px;text-align:left;}
	.servico img{border-radius:50px 50px 0px 0px;width:100%;}
	
}

@media screen and (min-width: 768px){
	
	.title h2{font-size:3.5em;}
	.title h3{font-size:1.8em;}
	.servico{margin-left:9%;}
	.box-cadastro{margin-left:23%;}
	.box-login{margin-left:23%;}
	.espera img{margin-top:30%;margin-left:40%;}
}

@media screen and (min-width: 1024px){
	
	.servico{margin-left:19%;}
	.btn-login{margin-top:50px;}
	.box-login{margin-left:28%;}
	.box-cadastro{margin-left:28%;}	
	
}

@media screen and (min-width: 1366px)
{
	.bunner{padding:10% 4% 5% 4%;}
	
	.box-cadastro{margin-left:33%;}
	.box-login{margin-left:33%;}
	.servico{margin-left:28%;}
	
	.alvo{margin-bottom:14%;}
	
	#menu{display:none;}	
	.btn-menu{display:none;}
	#menu2{display:block;}
	
	.rodape{padding-bottom: 20px; text-align:center; background:transparent;}
	.message-box{padding:20px;margin-top:150px;width:600px;margin-left:350px;margin-right:20px;border-radius:20px;font-size:1.5em;text-align:center;background-color: rgba(0,0,0,0.7);}
	
	.cabecalho{background-color: rgba(0,0,0,0.4); padding: 0% 2%;}
	.menu2{width:auto; line-height:56px; float:right; display:block; position:static;}
	.menu2 li{padding:0; float:right; background-color: transparent;}
	.menu2 li a{color:white; font-size:1.2em;padding: 15px;}
	.menu2 li a:hover{border:none; color:#da6709;}	
	.logo{width:100px; height: 60px; background: url(../img/escudo.png) left center/43px no-repeat; font-size:0;}
	.inner {font-size:1.2em; color:black; font-weight:700px;}	
}