/****************************************
- Luiz Rogério e Márcia Nori Stylesheet -
*****************************************/

/*
autor:		Rodrigo Gonçalves
email:     	rodrigowgn@gmail.com
ano:		2020
*/


/* RESET CSS http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONTE */
@font-face {
    font-family: 'montserratlight';
    src: url('./fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextralight';
    src: url('./fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-extralight-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}

/* GERAL */
html, body{
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	font-family: Trebuchet MS," sans-serif";
}
* { margin: 0; padding: 0; }
strong{
	font-weight: bolder;
}

/* ANIMAÇÃO CONTEUDO */
.js .anime {
	opacity: 0;
	transform: translate3D(-50px, 0px, 0px);
}
.js .anime-init {
	opacity: 1;
	transform: translate3D(0px, 0px, 0px);
	transition: 1s all ease;
}

/* INICIO MENU */
nav.navigation{
	position:fixed;
	width: 100%;
	height:80px;
	background-color:#005dd1;
	z-index:2;
}
.nav-logo img{
	float:left;
	height: 64px;	
	padding:8px 60px;
}
ul.nav-menu, ul.nav-menu li, ul.nav-menu li a{
	float:left;
}
ul.nav-menu{
	float: right;
	padding-right:60px;
}
ul.nav-menu li a{
	height:80px;
	line-height:80px;
	padding:0 20px;
	font-size: 18px;
	color:#fff;
	text-decoration:none;
	text-transform: uppercase;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
ul.nav-menu li a:hover{
	color:#e0a62f;
}
.nav-toggle{
	display:none;
	position:absolute;
	top:0;
	right:60px;
	width:50px;
	height:50px;
	margin:15px 0;
	background-color:#001781;
	cursor:pointer;
}
span.icon-bar{
	position:absolute;
	right:12px;
	display:block;
	width:26px;
	height:2px;
	background-color:#ffffff;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.icon-bar:nth-child(1){
  top:17px;
}
.icon-bar:nth-child(2){
  top:24px;
}
.icon-bar:nth-child(3){
  top:31px;
}
.nav-overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
	opacity:0;
	visibility:hidden;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.nav-overlay.active{
	opacity:1;
	visibility:visible;
}

/* ICON BARS ANIMATION */

.nav-toggle.active .icon-bar:nth-child(1){
	top:24px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-toggle.active .icon-bar:nth-child(2){
	width:0;
}
.nav-toggle.active .icon-bar:nth-child(3){
	top:24px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* FIM MENU */


/* INICIO BANNER */
/* line 1, ../sass/tinyslide.scss */
/* line 12, ../sass/tinyslide.scss */
.tinyslide { width: 100%; height: 100%; position: relative; overflow: hidden; }
/* line 18, ../sass/tinyslide.scss */
.tinyslide .navigator { position: absolute; bottom: 2em; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
/* line 23, ../sass/tinyslide.scss */
.tinyslide .navigator ul { padding: 0; }
/* line 25, ../sass/tinyslide.scss */
.tinyslide .navigator ul li { float: left; list-style-type: none; margin: 0 1em 0 0; padding: 0; width: 10px; height: 10px; border: 1px solid white; border-radius: 100%; -webkit-transition: all 500ms linear; transition: all 500ms linear; }
/* line 35, ../sass/tinyslide.scss */
.tinyslide .navigator ul li span { display: none; }
/* line 38, ../sass/tinyslide.scss */
.tinyslide .navigator ul li:hover { background: white; }
/* line 41, ../sass/tinyslide.scss */
.tinyslide .navigator ul li.active { background: white; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
/* line 51, ../sass/tinyslide.scss */
.tinyslide aside { height: 100%; width: 100%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
/* line 57, ../sass/tinyslide.scss */
.tinyslide figure { display: flex; height: 100%; float: left; position: relative; z-index: 1; justify-content: center;}/*mudei aqui*/
/* line 63, ../sass/tinyslide.scss */
.tinyslide figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
/* line 69, ../sass/tinyslide.scss */
.tinyslide figure figcaption strong{ text-transform: uppercase; font-size: 60px;}


.tinyslide figure figcaption { position: absolute; font-size: 50px; width: auto; z-index: 2; opacity: 0; padding: 20px; padding-left: 40px; font-family: 'montserratlight'; text-transform: uppercase; letter-spacing: -1px; }
/* line 79, ../sass/tinyslide.scss */
.tinyslide figure figcaption.text_01{color: #005dd1; text-align: center; top: 2.2em;}
.tinyslide figure figcaption.text_02{color: white; text-align: center; bottom: 1.5em;}
.tinyslide figure figcaption.text_02 a{display: block; margin-top: 15px; font-size: 18px; color: white;}


.tinyslide figure.active figcaption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s;}

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0.9; -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 0.9; -webkit-transform: translateX(0); transform: translateX(0); } }
/* FIM BANNER */

/* INICIO SOBRE */
#luiz_e_marcia{
	width: 100%;
	height: auto;
	padding: 100px 0;
	overflow: hidden;
	background-image: url(../img/background-geral.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}
#luiz_e_marcia .container{
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
}
#luiz_e_marcia .container span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #7e027a;
  margin:0 auto 10px;
}
#luiz_e_marcia .container h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 80px;
}
#luiz_e_marcia .container .curriculo{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #005dd1;
	justify-content: center;
	padding: 70px 0;
}
#luiz_e_marcia .container .curriculo:last-child{
	border-bottom: none;
}
#luiz_e_marcia .container .curriculo img{
	float: left;
	width: 220px;
	height: 220px;
	margin:20px 30px 0 0;
}
#luiz_e_marcia .container .curriculo .texto_curriculo{
	width: 700px;
	float: left;
}
#luiz_e_marcia .container .curriculo .texto_curriculo h3{
	font-size: 25px;
	margin-bottom: 5px;
	color: #005dd1;
	text-transform: uppercase;
	font-weight: bolder;
}
#luiz_e_marcia .container .curriculo .texto_curriculo h4{
	font-size: 18px;
	margin-bottom: 10px;
	color: #005dd1;
	text-transform: uppercase;
}
#luiz_e_marcia .container .curriculo .texto_curriculo p{
	font-size: 18px;
	color: #001a5a;
	line-height: 25px;
}
#luiz_e_marcia .container .curriculo .texto_curriculo a{
	display: block;
	margin-top: 10px;
	text-decoration: none;
	color: cornflowerblue;
}
/* FIM SOBRE */

/* INICIO PROPOSTAS */
#propostas{
	width: 100%;
	height: auto;
	padding: 100px 0;
	overflow: hidden;
	background-color: #7e027a;
}
#propostas .container{
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
}
#propostas .container span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #e0a62f;
  margin:0 auto 10px;
}
#propostas .container h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 80px;
}
#propostas .container ul{
	display: block;
	width: 100%;
	list-style: none;
}
#propostas .container ul li{
	display: block;
	width: 80%;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	padding:30px 0;
	margin-bottom: 20px;
	line-height: 20px;
}
#propostas .container ul li:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
#propostas .container ul li h3{
	font-size: 20px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #e0a62f;
	margin-bottom: 15px;
}
#propostas .container ul li p{
	color: white;
	font-size: 18px;
	line-height: 25px;
}
/* FIM PROPOSTAS */

/* INICIO CAMPANHA */
#campanha{
	width: 100%;
	height: auto;
	padding: 100px 0 50px;
	overflow: hidden;
/*	background-image: url(../img/background-geral02.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;*/
}
#campanha .container{
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
}
#campanha .container span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #7e027a;
  margin:0 auto 10px;
}
#campanha .container h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 80px;
}
#campanha .container ul{
	display: flex;
	width: 100%;
	height: auto;
	overflow: hidden;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}
#campanha .container ul li{
	display: block;
	width: 400px;
	height: 400px;	
	float: left;
	margin:0 25px 50px;
}
#campanha .container ul li img{
	width: 100%;	
}
#campanha .container a{
	display: block;
	width: 280px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	border: solid 2px #7e027a;
	font-size: 25px;
	padding: 5px;
	color: #005dd1;
}
/* FIM CAMPANHA */

/* INICIO DATA ELEIÇÃO */
#data_eleicao{
	width: 100%;
	height: auto;
	padding: 50px 0;
	overflow: hidden;
}
#data_eleicao span{
	display: block;
	width: 100%;
	height: 160px;
	background-color: #005dd1;
	position: absolute;
	margin-top: 140px;
}
#data_eleicao .container{
	display: flex;
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
	justify-content: center;
	align-content: center;
}
#data_eleicao .container img{
	float: left;
}
#data_eleicao .container p{
	display: block;
	font-size: 40px;
	text-transform: uppercase;
	float: left;
	text-align: center;
	margin: 165px 0 10px 30px;
	line-height: 30px;
	color: white;
}
#data_eleicao .container p strong{
	display: block;
	padding: 10px;
	color: #e0a62f;
	border: solid 3px white;
}
#data_eleicao h2{
	display: block;
	width: 100%;
	height: 65px;
	background-color: #7e027a;
	color: white;
	font-size: 30px;
	text-align: center;
	line-height: 65px;
}
/* FIM DATA ELEIÇÃO */

/* INICIO CONFEA/CREA */
#confea{
	width: 100%;
	height: auto;
	padding: 100px 0;
	overflow: hidden;
}
#confea .container{
	width: 60%;
	overflow: hidden;
	margin: 0 auto;
}
#confea .container span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #7e027a;
  margin:0 auto 10px;
}
#confea .container h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 80px;
}
#confea .container p{
	display: block;
	margin-bottom: 50px;
	line-height: 20px;
}
#confea .container img{
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
}
/* FIM CONFEA/CREA */

/* INICIO REDES SOCIAIS */
#redes_sociais{
	width: 100%;
	height: 100px;
	padding: 50px 0 50px;
	overflow: hidden;
	background-image: url(../img/background-redes.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#redes_sociais .container{
	display: flex;
	width: 70%;
	overflow: hidden;
	margin: 0 auto;
	justify-content: center;
}
#redes_sociais .container h2{
	display: block;
	height: auto;
	height: 80px;
	padding: 10px;
	font-size: 35px;
	line-height: 80px;
	margin-right: 40px;
	color: white;
	float: left;
	text-transform: uppercase;
font-weight: bold;
}
#redes_sociais .container img{
	display: block;
	height: 80px;
	float: left;
	margin: 0 20px;
}
/* FIM REDES SOCIAIS */

/* INICIO ONDE VOTAR */
#onde_votar{
	width: 100%;
	height: auto;
	padding: 100px 0;
	overflow: hidden;
	background-image: url(../img/background-onde-votar.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#onde_votar .container{
	width: 60%;
	overflow: hidden;
	margin: 0 auto;
}
#onde_votar .container span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #7e027a;
  margin:0 auto 10px;
}
#onde_votar .container h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}
#onde_votar .container p{
	display: block;
	margin-bottom: 50px;
	color: #001a5a;
	font-size: 18px;
	line-height: 25px;
}
#onde_votar .container p a{
	text-decoration: none;
}
#onde_votar .container img{
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	width: 700px;
}
/* FIM ONDE VOTAR */

/* INICIO CONTATO */
#contato{
	width: 100%;
	height: auto;
	padding: 100px 0 0;
	overflow: hidden;
}
#contato span{
  display: block;
  width: 145px;
  height: 4px;
  border-radius: 3px;
  background: #7e027a;
  margin:0 auto 10px;
}
#contato h2{
	display: block;
	width: 100%;
	height: auto;
	font-size: 40px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 80px;
}
#contato .container{
	display: flex;
	width: 100%;
	overflow: hidden;
	justify-content: center;
	margin-top: 80px;
}
#contato .container form{
	width: 400px;
	float: left;
	margin-right: 80px;
}
#contato .container form label{
	display:block;
	margin: 15px auto 0;
	color: #005dd1;
	font-size: 18px;
}
#contato .container form label:first-child{
	margin-top: 0;
}
#contato .container form input{
	display:block;
	height:20px;
	border:1px solid #005dd1;
	border-radius: 8px;
	padding:10px;
	margin: 5px auto 0;
	width: 100%;
}
#contato .container form textarea{
	display:block;
	height:160px;
	border:1px solid #005dd1;
	border-radius: 8px;
	padding:10px;
	margin: 5px auto 0;
	width: 100%;
}
#contato .container form .g-recaptcha{
	float: left;
	margin: 0;
	margin-top:15px;
}
#contato .container form .send{
	float: left;
	margin-top:15px;
	height: 40px;
	background: #005dd1;
	color: #fff;
	border: 0px;
	width: 80px;
	font-weight: bold;
	text-transform: uppercase;	
}
#contato .container #dados-contato{
	display: block;
	width: 360px;
	height: 700px;
	float: left;
	text-decoration: none;
	align-content: center;
	position: relative;
}
#contato .container #dados-contato a{
	display: block;
	width: 220px;
	font-size: 20px;
	padding: 8px;
	margin-left: 30px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bolder;
	border:2px solid #005dd1;
	color: #7e027a;
	border-radius: 5px;
}
#contato .container #dados-contato img{
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
}
/* FIM CONTATO */

/* INICIO MANIFESTO */
#manifesto{
	width: 70%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 100px;
	padding-top: 150px;
}
#manifesto img{
	display: block;
	width: 600px;
	margin: 0 auto;
}
#manifesto h2{
	width: 100%;
	margin-top: 60px;
	font-size: 30px;
	color: #005dd1;
	text-align: center;
	text-transform: uppercase;
	font-weight: bolder;
}
#manifesto p{
	display: block;
	margin-top: 15px;
	width: 100%;
	text-align: justify;
	font-size: 18px;
	line-height: 25px;
}

/* FIM MANIFESTO */

/* INICIO RODAPÉ */
.rodape{
	width: 100%;
	height: auto;
	padding-top: 40px;
	font-style: normal;
	background-color: #005dd1;
	overflow: hidden;
	margin-bottom: 0;
}
.rodape .lista_rodape{
	display: flex;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rodape .lista_rodape .coluna_rodape{
	width: auto;
	height: auto;
	margin: 0;
	float: left;
}
.rodape .lista_rodape .coluna_rodape img.logo2{
	height: 80px;
	margin-bottom: 10px;
}
.rodape .lista_rodape .coluna_rodape h4{
	display: block;
	color: #e0a62f;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.rodape .lista_rodape .coluna_rodape p.resumo_historia{
	display: block;
	width: 180px;
	color: #fff;
	font-size: 12px;
	margin-bottom: 20px;
}
.rodape .lista_rodape .coluna_rodape p{
	display: block;
	width: auto;
	color: #fff;
	font-size: 12px;
	margin-bottom: 20px;
}
.rodape .lista_rodape .coluna_rodape p a{
	display: block;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
.rodape .lista_rodape .coluna_rodape ul{
	display: block;
	height: auto;
	width: 200px;
	overflow: hidden;
}
.rodape .lista_rodape .coluna_rodape ul li{
	display: block;
	width: 22px;
	height: 22px;
	margin-right: 10px;
	float: left;
}
.rodape .lista_rodape .coluna_rodape p.hashtag{
	display: block;
	width: auto;
	color: #fff;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 20px;
}
.rodape .lista_rodape .coluna_rodape p.hashtag strong{
	color: #e0a62f;
}
/* FIM RODAPÉ */

/*------------------- RESPONSIVO -------------------*/

@media screen and (max-width:767px){
	
	/*---------------- MENU ----------------*/
	ul.nav-menu{
		position:absolute;
		top:80px;
		width:100%;
		height:0;
		padding:0;
		overflow:hidden;
	}
	ul.nav-menu.active{
		height:auto;
	}
	ul.nav-menu li{
		width:100%;
		height: 50px;
	}
	ul.nav-menu li a{
		width:100%;
		padding:0;
		text-align:center;
		color: #fff;
		background-color:#001781;
		height: 50px;
		line-height: 50px;
	}
	ul.nav-menu li a:hover{
		color: #000;
		background-color:#C9C9C9;
	}
	.nav-toggle{
		display:block;
		right: 20px;
	}
	.nav-logo img{
	padding:5px 20px;
}

	/*---------------- BANNER ----------------*/
	.tinyslide figure figcaption {
		font-size: 30px;
	}
	.tinyslide figure figcaption.text_01{
		font-size: 28px;
		top: 3.5em;
	}

	/*---------------- LUIZ E MARCIA ----------------*/
	#luiz_e_marcia{
		background: none;
	}
	#luiz_e_marcia .container{
		width: 90%;
	}
	#luiz_e_marcia .container .curriculo{
		display: block;
		width: 100%;
	}
	#luiz_e_marcia .container .curriculo img{
		float: none;
		display: block;
		width: 220px;
		height: 220px;
		margin:0 auto 40px;
	}
	#luiz_e_marcia .container .curriculo .texto_curriculo{
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		float: none;
		text-align: center;
	}
	
	/*---------------- PROPOSTAS ----------------*/
	#propostas .container{
		text-align: center;
		width: 90%;
	}
	#propostas .container ul li{
		width: 100%;
	}
	
	/*---------------- CAMPANHA ----------------*/
	#campanha{
		width: 100%;
		background-image: none;
	}
	#campanha .container{
		width: 100%;
		background-image: none;
	}
	#campanha .container ul li{
		width: 100%;
		height: auto;	
	}
	#campanha .container ul li iframe{
		height: 300px;
	}
	/*---------------- DATA ELEIÇÃO ----------------*/
	#data_eleicao .container{
		height: auto;
		width: 90%;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	#data_eleicao .container img{
		display: block;
		height: 200px;
		margin: 0 auto;
	}
	#data_eleicao .container p{
		display: block;
		font-size: 20px;
		margin: 0 auto;
		line-height: 20px;
	}
	#data_eleicao h2{
		margin-top: 13px;
	}
	
	/*---------------- CONFEA ----------------*/
	#confea .container{
		width: 90%;
	}
	#confea .container img{
		width: 100%;
	}
	
	/*---------------- REDES SOCIAIS ----------------*/
	#redes_sociais{
		height: auto;
		padding: 15px 0;
	}
	#redes_sociais .container{
		width: 90%;
		flex-wrap: wrap;
	}
	#redes_sociais .container h2{
		font-size: 30px;
		line-height: 30px;
		margin-right: 0;
		padding: 0;
		text-align: center;
	}
	#redes_sociais .container img{
		height: 70px;
	}
	
	/*---------------- ONDE VOTAR ----------------*/
	#onde_votar .container{
		width: 90%;
		text-align: center;
	}
	#onde_votar .container img{
		width: 100%;
	}
	/*---------------- CONTATO ----------------*/
	#contato .container{
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	#contato .container form{
		width: 100%;
		overflow: hidden;
		float: none;
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
		padding-bottom: 40px;
		border-bottom: 1px solid #E8E8E8;
	}
	#contato .container form label input{
		width: 90%;
		margin: 0;
	}
	#contato .container form label textarea{
		width: 90%;
		margin: 0;
	}
	#contato .container form .g-recaptcha{
		float: none;
		margin-top:15px;
	}
	#contato .container form .send{
		float: none;
		margin-top:15px;
		margin-left: 0;
	}
	#contato .container #dados-contato{
		width: 100%;
		height: auto;
		margin-top: 40px;
		margin-bottom: 0;
		float: none;
		text-align:center;
	}
	#contato .container #dados-contato a{
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	#contato .container #dados-contato img{
		position: static;
		height: 400px;
	}

	#manifesto{
		width: 90%;
	}
	#manifesto img{
		width: 100%;
	}
	/*---------------- RODAPÉ ----------------*/
	.rodape .lista_rodape{
		display: block;
		width: 100%;
	}	
	.rodape .lista_rodape .coluna_rodape{
		float: none;
		text-align: center;
	}
	.rodape .lista_rodape .coluna_rodape:first-child{
		margin-bottom: 40px;
	}
	.rodape .lista_rodape .coluna_rodape:last-child{
		margin-top: 40px;
	}
	.rodape .lista_rodape .coluna_rodape:nth-child(2){
		padding: 40px 0;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		width: 70%;
		margin: 0 auto;
	}
	.rodape .lista_rodape .coluna_rodape p{
		margin: 0 auto;
		padding: 5px;
	}
	.rodape .lista_rodape .coluna_rodape ul{
		width: 100px;
		padding-left: 10px;
		margin: 0 auto;
	}
}

@media screen and (min-width:768px){
	.nav-overlay.active{
		visibility:hidden;
		opacity:0;
	}
}