@media only screen and (max-width: 1200px){
.header-nav .nav li a {
	color: #fff;
	font-weight: bold !important;
	margin-right: 8px !important;
	margin-left: 8px !important;
	letter-spacing: 0px;
	padding: 5px 0px;
	margin-bottom: 3px;
	font-size: 16px;
}
	/*---- background - Fundo header -----*/
	.header-background-1 {background-position: center center; background-image: url(../imagens/fundo-topo2.jpg); height: 500px;}	
	/*---- header texto-----*/
	.header-body.section-separator {
		position: relative;		
		padding-top: 140px;
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
	.header-body p {
		color: #fff;	
		text-shadow: none;
		font-size: 16px; line-height: 20px;
	}
	.header-body h3 {
		color: #717171;
		text-shadow: none;
		font-size: 25px;
		line-height: 25px;
		font-weight: bold;
		margin-top: -32px;
		margin-right: 0px;
		margin-bottom: 18px;
		margin-left: 0px;
	}
	.header-body h4 {
		color: #fff;
		font-family: 'Roboto', sans-serif;
		font-size: 40px;
		font-weight: 300 !important;
		font-style: normal;
		line-height: 40px;
		font-variant: normal;
	}
}
@media only screen and (max-width: 992px){
/*----------------------------------------------------
  2. SESSAO - HEADER	
------------------------------------------------------*/
.header-nav .nav li a { color: #fff; font-weight: bold !important; margin-right: 8px !important; margin-left: 8px !important; letter-spacing: 0px; padding: 5px 0px; margin-bottom: 5px; font-size: 13px; }
.header-nav .nav li a.btn-verm:link, .header-nav .nav li a.btn-verm:visited, .header-nav .nav li a.btn-verm:active {display: none}
.header-nav .nav li a.btn-preto:link, .header-nav .nav li a.btn-preto:visited, .header-nav .nav li a.btn-preto:active {display: none}

/*---- header texto-----*/
.header-body.section-separator {
	position: relative;
	
	padding-top: 120px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	
}
.header-body p {
	color: #fff;	
	text-shadow: none;
	font-size: 16px; line-height: 20px;
	font-weight: 300;
}
.header-body h3 {
	color: #717171;
	text-shadow: none;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-top: -32px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
.header-body h4 {
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
	font-weight: 300 !important;
	font-style: normal;
	line-height: 38px;
	font-variant: normal;
}

/*----------------------------------------------------
    3. SESSÃO - O QUE É
------------------------------------------------------*/
.oquee {
    padding-bottom: 20px;
    padding-top: 20px;
}
.oquee .conteudo h2{
	font-size: 17pt;
}
.oquee .conteudo p{
	font-size: 11pt;
}
.oquee .conteudo a.btn-verm:link, .oquee .conteudo a.btn-verm:visited, .oquee .conteudo a.btn-verm:active {
	margin: 8px;
	padding: 13px;
	font-size: 12pt;
}


/*----------------------------------------------------
    4. SESSÃO - COMO UTILIZAR
------------------------------------------------------*/
.utilizar {
    padding-bottom: 20px;
    padding-top: 10px;
}
/*----------------------------------------------------
    5. SESSÃO - VANTAGENS
------------------------------------------------------*/
.vantagens {
	padding-bottom: 20px;
	padding-top: 20px;
	background-image: url(../imagens/fundo-vantagens.jpg);
	background-position: left top;
}
.vantagens .conteudo h2{
	font-size: 28pt;
	font-weight: 400;
	color: #717171;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 30pt;
}
.vantagens  .conteudo h3{
	font-size: 17pt;
	font-style: normal;
	font-weight: 600;
	color: #717171;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.vantagens .conteudo p{
	font-size: 11pt;
	font-style: normal;
	font-weight: 300;
	color: #b2b2b2;
}

.vantagens1, .vantagens2 {
	padding-bottom: 10px;
	padding-top: 10px;
	height: auto;
}

.vantagens1  .conteudo h4, .vantagens2  .conteudo h4{
	font-size: 28pt;
	font-weight: 400;
	color: #717171;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 33pt;
}
.vantagens1 .conteudo p, .vantagens2 .conteudo p{
	font-size: 12pt;
	font-style: normal;
	font-weight: 300;
}
.vantagens1 .conteudo .icon, .vantagens2 .conteudo .icon {
	padding-top: 22px;
	padding-right: 38px;
	padding-left: 0px;
}
.vantagens1 .conteudo .img-vantagem{
	display: none
}
.vantagens2 .conteudo .img-vantagem{
	display: none
}




/*----------------------------------------------------
    6. Contato
------------------------------------------------------*/
 
.contato {
	background-image: url(../imagens/fundo-contato.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #FFF;
}
.contato .base-header {
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

.contato .base-header h3 {
	font-size: 40px;
	text-transform: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: normal;
}
.contato .base-header p {
	font-size: 18px;
	font-weight: normal;
}

/* Contato Form
---------------------------*/
.contatoForm {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.contato .form-control:focus {
  border-color: #C22026;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.contato::-webkit-input-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato:-moz-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato::-moz-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
.contato:-ms-input-placeholder {
  text-transform: uppercase;
  font-weight: 400;
  color: #999;
}
}
@media only screen and (max-width: 768px){	
	.text-mobile{text-align:center !important; display: block; margin-left: auto; margin-right: auto;}
	.header-nav .nav { margin-top: 0px !important; background-color: #FFF !important; position: relative; z-index: 9000; }
	.header-nav .nav li a {color: #31306D; text-align:center;font-size: 16px !important;background-color: #FFF !important;margin: 0px;padding-top: 5px !important;padding-right: 15px !important;padding-bottom: 5px !important;padding-left: 15px !important;}
	.header-nav, .header-nav.navbar-home {background: #fff !important;height: 100px !important;}	
	.header-nav .navbar-toggle, .header-nav.navbar-home .navbar-header .navbar-toggle { margin-top: 20px;}	
	.header-nav.navbar-home .navbar-header .navbar-brand.light-logo { display: block !important;}	
	.header-nav.navbar-home .navbar-header .navbar-brand.dark-logo { display: nome !important;}	
	.header-nav .nav, .header-nav.navbar-home .nav { margin-top: 5px; padding: 12px 0; }	
	.header-nav.navbar-home .nav li a {color: #31306D;}	
	/*---- background - Fundo header -----*/	 
	.header-background-1 {height: none; background-image: none; background-color: #31306D; }
	 /*---- logo -----*/
	.logo-tjn img { margin-top: 8px; margin-bottom: 1px; }
	.logo {display: none;}
	.logo-black {display: block !important;-webkit-opacity: 1;-moz-opacity: 1;-ms-opacity: 1;-o-opacity: 1;opacity: 1;}
	.header-nav.navbar-home .logo-tjn .logo { display: none; }
	.header-nav .logo-tjn .logo-black { display: block !important }
	.header-nav.navbar-home .logo-tjn img { margin-top: 8px; }
	.header-nav.navbar-home .logo-tjn .logo {display: none !important;}

	/*---- header texto-----*/
	.header-body.section-separator {padding: 90px 0;text-align: center;}
	.section-separator { padding: 10px 0px;padding-bottom: 70px;}
	.header-body p {font-size: 18px; line-height: 22px;	}
	.header-body h4 {font-size: 42px;line-height: 44px;}
	
	/*----------------------------------------------------
    3. SESSÃO - COMPETE
	------------------------------------------------------*/
	.compete {padding-bottom: 20px;padding-top: 20px;text-align: center;}
	.compete .conteudo h2{font-size: 30pt;line-height: 33pt;}
	.compete .conteudo p{font-size: 16pt;line-height: 18pt;}
	.compete .conteudo a.btn-verm:link, .compete .conteudo a.btn-verm:visited, .compete .conteudo a.btn-verm:active {margin: 10px 0;padding: 10px;font-size: 16pt;}
	
	/*----------------------------------------------------
		3. SESSÃO - O QUE É
	------------------------------------------------------*/
	.oquee {padding-bottom: 20px;padding-top: 20px;}
	.oquee .conteudo {margin-bottom: 10px;}
	.oquee .conteudo .pull-left{float: inherit; text-align:center !important; display: block; margin-left: auto; margin-right: auto; width:100%}
	.oquee .conteudo .icon {padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;}
	.oquee .conteudo .icon img{text-align:center !important; margin-left: auto; margin-right: auto;}
	.oquee .conteudo h2{font-size: 24pt;line-height: 26pt;text-align:center !important;}
	.oquee .conteudo p{font-size: 14pt;text-align:center !important;}
	.oquee .conteudo a.btn-verm:link, .oquee .conteudo a.btn-verm:visited, .oquee .conteudo a.btn-verm:active {margin: 10px;padding: 18px;font-size: 14pt;}
	
	/*----------------------------------------------------
		4. SESSÃO - COMO UTILIZAR
	------------------------------------------------------*/
	.utilizar {padding-bottom: 20px;padding-top: 5px;}
	.utilizar .conteudo {margin-bottom: 10px;}
	.utilizar .conteudo h2{font-size: 20pt;margin-top: 10px;margin-bottom: 5px;line-height: 20pt;}
	.utilizar .conteudo p{font-size: 14pt;}
	
	/*----------------------------------------------------
		5. SESSÃO - VANTAGENS
	------------------------------------------------------*/
	.vantagens {padding-bottom: 5px;padding-top: 20px;}
	.vantagens .conteudo {margin-bottom: 5px;}
	.vantagens .conteudo h2{font-size: 20pt;margin-top: 2px;margin-bottom: 5px;line-height: 25pt;}
	.vantagens  .conteudo h3{font-size: 18pt; text-align:center !important;}
	.vantagens .conteudo p{font-size: 14pt; text-align:center !important;}
	.vantagens .conteudo .pull-left{float: inherit; text-align:center !important; display: block; margin-left: auto; margin-right: auto; width:100%}
	.vantagens .conteudo .icon {padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;}
	.vantagens .conteudo .icon img{text-align:center !important; margin-left: auto; margin-right: auto;}	
	.vantagens1, .vantagens2 {padding-bottom: 5px;padding-top: 5px; height: auto;background-image: url(../imagens/fundo-extra1.jpg);}		
	.vantagens1  .conteudo h4, .vantagens2  .conteudo h4{font-size: 20pt;margin-top: 2px;margin-bottom: 5px;line-height: 25pt;text-align:center !important;}
	.vantagens1 .conteudo p, .vantagens2 .conteudo p{font-size: 12pt; text-align:center !important;}
	.vantagens1 .conteudo .pull-left,.vantagens2 .conteudo .pull-left{float: inherit; text-align:center !important; display: block; margin-left: auto; margin-right: auto; width:100%}
	.vantagens1 .conteudo .icon,.vantagens2 .conteudo .icon {padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;}
	.vantagens1 .conteudo .icon img,.vantagens2 .conteudo .icon img{text-align:center !important; margin-left: auto; margin-right: auto;}	
	.vantagens1 .conteudo .img-vantagem{display: none}
	.vantagens2 .conteudo .img-vantagem{display: none}	
	
	/*----------------------------------------------------
		6. Contato
	------------------------------------------------------*/
	 
	.contato {background-image: url(../imagens/fundo-contato1.jpg);background-position: left bottom;}
	.contato .base-header {text-align: center;margin-bottom: 20px;margin-top: 20px;}	
	.contato .base-header h3 {font-size: 36px;margin-top: 10px;margin-bottom: 10px;}
	.contato .base-header p {font-size: 18px;}
	
	/* Contato Form
	---------------------------*/
	.contatoForm {margin-bottom: 10px;}
	
	
}
@media only screen and (max-width: 468px){
	.header-nav, .header-nav.navbar-home {height: 85px !important;}	
	.header-nav .navbar-toggle, .header-nav.navbar-home .navbar-header .navbar-toggle { margin-top: 5px;}	
	.header-body.section-separator {padding-top: 85px; padding-right: 0px; padding-bottom: 150px; padding-left: 0px; margin-right: auto; margin-left: auto;}
	.section-separator { display: block; padding: 0px 0px; }
	.header-body p {display:none }
	.header-body h3 { font-size: 16px; line-height: 16px; margin-top: -25px; text-align: center;}
	.header-body h4 {font-size: 26px;line-height: 26px;text-align: center;}	
	.oquee .conteudo a.btn-verm:link, .oquee .conteudo a.btn-verm:visited, .oquee .conteudo a.btn-verm:active {margin: 8px;padding: 13px;font-size: 12pt;}	
	.contato .base-header {text-align: center;margin-bottom: 10px;margin-top: 10px;}	
	.contato .base-header h3 {font-size: 30px;margin-top: 10px;margin-bottom: 10px;}
	.contato .base-header p {font-size: 14px;}	
}
@media only screen and (max-width: 368px){
	.header-nav, .header-nav.navbar-home {height: 70px !important;}	
	.header-body h3 { font-size: 15px; line-height: 15px; margin-top: -25px; text-align: center;}
	.header-body h4 {font-size: 24px;line-height: 24px;text-align: center;}
	.oquee {padding-bottom: 10px;padding-top: 10px;}	
	.oquee .conteudo h2{font-size: 16pt;text-align:center !important;}
	.oquee .conteudo p{font-size: 12pt;text-align:center !important;}
	.oquee .conteudo a.btn-verm:link, .oquee .conteudo a.btn-verm:visited, .oquee .conteudo a.btn-verm:active {margin: 5px;padding: 10px;font-size: 12pt;}
	.utilizar {padding-bottom: 10px;padding-top: 5px;}
	.utilizar .conteudo {margin-bottom: 5px;}
	.utilizar .conteudo h2{font-size: 17pt;margin-top: 10px;margin-bottom: 5px;line-height: 17pt;}
	.utilizar .conteudo p{font-size: 12pt;}
	.utilizar .conteudo .btn-lg{padding:10px 7px;font-size:14px;line-height:14px}
	.vantagens1 .conteudo p span, .vantagens2 .conteudo p span { text-align: center !important; display: block; margin-left: auto; margin-right: auto; width: 100%; padding-top: 5px; padding-bottom: 5px; }	
	.contato .contatoForm .btn-lg{padding:10px 7px;font-size:14px;line-height:14px}
	
	/* Contato Form
	---------------------------*/
	.contatoForm {margin-bottom: 10px;}
}
@media only screen and (max-width: 300px){	
	.header-nav, .header-nav.navbar-home {height: 60px !important;}
	.header-nav .nav li a {padding-right: 5px;padding-left: 5px;}	
	.header-body h4 {font-size: 22px;line-height: 22px;text-align: center;}
}