button:focus {outline:0 !important;}


body{
    font-family: 'Nunito', sans-serif;
    background: #f9f9f9;
}

.bgquestionario{
	background-image: url('../images/bgcinza.jpg');
	background-size: 100% auto;
	background-position: top center;
	background-attachment: fixed;

}

.caixa-logo-participante{
	width: 150px;height: auto;float:left;border-radius: 3px;
	text-align: center;

}

.caixa-logo-participante a{display: inline-block;}
.caixa-logo-participante a img{display: inline-block;width: 70%;margin:5px 0;}


.questionariotexto p{margin:20px 0;}

.icon-alert{
	width: 60px;
	height: 60px;
	float: left;
	margin-right:20px;
	background: url('../images/risk.svg') no-repeat;

}

.rumo-header{
	background:rgba(0,0,0,0.1);
	padding:80px 0;
	color:#333;
	font-weight: bold;
	margin-bottom:50px;
	border-bottom:2px solid #000;
	background: url('../images/bg.jpg') center center;
	background-size: cover;
	box-shadow: 0px 0px 5px #797979;
}

.rumo-header a.btn-sair{color:#fff;border:0;}
.rumo-header a.btn-sair:hover{opacity: 0.7;}

.logo-empresa img{
   height:40px;

}
.logo-empresa-box{
	border-right: 1px solid rgba(255,255,255,0.4);
	padding-right: 20px;
	float:left;
	margin-right: 20px;
}

.logo-rumo{height: 30px;}

.rumo-saudavel-header{
	font-size: 16px;
	color:#fff;
	float: left;


}

.center-vertical{
	display: flex;
	justify-content: center;
	align-items: center;
}

.box-sair{text-align:right;}

.box-sair a{
	float: right;
	margin-top: 20px;
}

.caixa-sair-alinhamento{
	float: right;height: 100%;
}
.caixa-logo-alinhamento{
	float:left;
}

@media (max-width: 500px) {
	.caixa-logo-alinhamento{float: inherit;}
	.caixa-sair-alinhamento{float:inherit;margin-top:20px;}

	.btn-block-responsive{width: 100%;display: block;text-align: center;float: none !important;}
	.btn-relatorio-part{margin:15px 0;}
	.text-center-mobile{text-align: center !important;}
	.barra{margin:10px 0;}
	.rumo-saudavel-header{
		width: 100%;
	    float: left;
	    text-align: center;
	    font-size: 14px;
	}
	.logo-empresa-box{display: none;}
	.logo-empresa-box{border:none;}
	.box-sair{text-align:left;margin-top:10px;}
	.rumo-header{
		padding:20px 0;
		border-bottom:5px solid #000;
		margin-top:0px;
		border-radius: 0px;
	}
	#pergunta-nome{font-size:18px;margin:10px 0;}
	.numero{font-size:20px;padding:15px;}
	

	.box-sair{text-align: center;}
	.box-sair a {float: none !important;}

	.logo-rumo{display: none;}
	.logo-empresa-box{text-align: center;width: 100%;margin-bottom: 15px;}
	.btn-margin-responsive{margin-top:15px !important;}
}