*{margin:0; padding:0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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;
}

html {overflow-y: scroll;}
body {color:#fff; height:100%; background: #fff;}
body, input, textarea {font-family: 'Quesha', sans-serif;}
img {border:0; }
a {color:inherit; text-decoration:none; width: 100%;}
a:hover {text-decoration:none;}
:focus {outline:0;}

html, #wrapper {height:100%;}

body > #wrapper {height:auto; min-height:100vh; margin:0; font-family: 'Quesha', sans-serif; font-style: italic;}
p { font-style: normal; line-height: 25px; margin: 0; }

img { display: block; width: 100%;}
/* CLEAR FIX*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.show{display: block;}
.hide{display: none;}

h1,h2,h3,h4,h5,h6,p {font-weight:bold; margin: 0; padding: 0;}

ul, li {list-style:none; margin: 0;} fieldset {border:0;} textarea {resize:none;}
img { display: block; max-width: 100%; }

@font-face {
    font-family: 'Quesha';
    src: url('../fonts/Quesha.eot');
    src: url('../fonts/Quesha.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quesha.woff2') format('woff2'),
        url('../fonts/Quesha.woff') format('woff'),
        url('../fonts/Quesha.ttf') format('truetype'),
        url('../fonts/Quesha.svg#Quesha') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#wrapper { background: #000000; padding-top: 134px;} 

.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.svg) center no-repeat; z-index: 10000; display: none;}
.indent { width: 1470px; max-width: 90%; padding: 0 15px; margin: auto; }

#hamburger{display: none;}

#home { overflow: hidden; }
#home .header { transition: all .3s ease; background: transparent; height: 134px; width: 100%; display: flex; align-items: center; position: fixed; top: 0; left: 0; z-index: 999; background: #000000; }
#home .header.active { transition: all .3s ease; height: 65px; background: rgba( 0, 0, 0, 0.5 ); box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 ); backdrop-filter: blur( 9px ); -webkit-backdrop-filter: blur( 9px ); }
#home .header.active .container-header .logo { transition: all .3s ease; width: 190px; }
#home .header .container-header { display: flex; justify-content: space-between; align-items: center; height: 100%; }
#home .header .container-header .logo img { display: block; max-width: 100%; }
#home .header .container-header nav { flex: 1;}
#home .header .container-header nav ul { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0px;}
#home .header .container-header nav ul li a { font-size: 20px; text-transform: uppercase; font-weight: bold; color: #FFF; transition: .3s ease; padding: 10px; font-style: normal; font-weight: normal;}
#home .header .container-header nav ul li a img{ width: auto; height: 110px;}
#home .header .container-header nav ul .button{margin: 10px 20px; border-radius: 50px;  padding: 4px 30px;}
#home .header .container-header nav ul div{display: flex;}
#home .header .container-header nav ul .wp{background: #358C20;}
#home .header .container-header nav ul .blog{background: #706F6F;}
#home .header .container-header nav ul .underline::after { content: ""; display: block; margin-top: 4px; width: 0; height: 3px; background: #358C20; transition: width .3s;}
#home .header .container-header nav ul .underline:hover::after, #home .header .container-header nav ul li.ativo::after  {  width: 100%; transition: width .3s; }
#home .header .container-header .logo{display: none;}

#banner { width: 100%; height: 70vh; position: relative; z-index: 4; background: url(../images/banner.webp); background-size: cover; background-repeat: no-repeat; background-position: center;}
#banner .indent{display: flex; align-items: flex-end; justify-content: flex-start; height: 100%; padding-bottom: 10vh;}
#banner .indent .column{display: flex; flex-direction: column;}
#banner .indent .column h1{margin: 0; font-weight: normal; line-height: 30px; font-style: normal; font-size: 41px;}
#banner .indent .column p{margin: 0; font-weight: normal; line-height: 30px;}
#banner .indent .column .containerblack{display: flex; align-items: center; justify-content: center; background: #000000; color: #FFF;  border-radius: 20px; font-size: 41px; padding: 15px 40px; margin-bottom: 10px; text-transform: uppercase;}
#banner .indent .column .containergrey{display: flex; align-items: center; justify-content: center; background: #358C20; color: #fff; border-radius: 20px; font-size: 31px; padding: 14px 20px; transition: all 0.2s ease;}
#banner .indent .column .containergrey:hover{ background: #297216;transition: all 0.2s ease;}


#atendimento{background: #fff;  padding-top: 80px; padding-bottom: 60px;}
#atendimento .indent{}
#atendimento h2{color: #000000;margin: 0; text-align: center; font-size: 41px; text-transform: uppercase; font-style: normal; margin-bottom: 75px; font-weight: normal;}
#atendimento .flex{display: flex; align-items: flex-start; justify-content: space-around; margin-bottom: 75px;}
#atendimento .flex .item{display: flex; flex-direction: column; align-items: center; justify-content: center;}
#atendimento .flex .item img{width:auto; height: 78px; margin-bottom: 15px;}
#atendimento .flex .item p{color: #000000; font-size: 28px; width: min-content; text-align: center; font-weight: normal;}
#atendimento .buttoncontainer{display: flex; justify-content: center; align-items: center;}
#atendimento a{font-size: 19px; border: 0; border-radius: 50px; padding: 18px 50px; color: #fff; background: #358C20; text-transform: uppercase; font-family: 'quesha'; letter-spacing: 2px; font-style: normal; width: fit-content;transition: all 0.2s ease;}
#atendimento a:hover{background: #297216;transition: all 0.2s ease;}

#banner2{width: 100%; height: 70vh; background: url(../images/banner2.webp); background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; padding-bottom: 70px;}
#banner2 h2{margin: 0; font-style: normal; font-weight: normal;}
#banner2 p{margin: 0; font-style: normal; font-weight: normal;}
#banner2 .darkgrey{background: #50504E; color: #fff; padding: 20px 60px; border-radius: 60px; position: relative;}
#banner2 .darkgrey h2{font-size: 40px; margin-bottom: 10px;}
#banner2 .darkgrey p{font-size: 29px;}
#banner2 .lightgrey{background: #358C20; transition: all 0.2s ease; color: #ffffff; padding: 13px 31px; border-radius: 50px; position: absolute; margin: 0 auto; right: 0; left: 0; width: fit-content; margin-top: 10px;}
#banner2 .lightgrey:hover{background: #297216;transition: all 0.2s ease; }
#banner2 .lightgrey p{ font-size: 20px; line-height: 16px; letter-spacing: 2px; }

#advogada{padding: 91px 0; background: #232323;}
#advogada .indent{display: flex; flex-direction: column; align-items: center; justify-content: center;}
#advogada .indent h2{margin: 0; font-size: 47px; font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 46px;}
#advogada .indent h3{margin: 0; font-size: 39px; font-style: normal; font-weight: normal; margin-bottom: 30px;}
#advogada .indent p{margin: 0; font-size: 25px; font-style: normal; font-weight: normal; margin-bottom: 50px; width: 40%; text-align: center;}
#advogada .indent a{transition: all 0.2s ease;font-family: 'quesha'; font-size: 19px; font-style: normal; font-weight: normal; background: #358C20; border: 0; border-radius: 50px; padding: 10px 60px; color: #fff; width: fit-content; text-align: center;}
#advogada .indent a:hover{background: #297216;transition: all 0.2s ease;}

#urgencia{background: #ffffff; padding: 55px 6vw; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#urgencia h2{margin: 0; font-style: normal; font-weight: normal; font-size: 47px; color: #000000; text-transform: uppercase; margin-bottom: 50px;}
#urgencia .flex{width: 100%; display: flex; align-items: center; justify-content: space-between;}
#urgencia .flex .item{display: flex; flex-direction: column; align-items: center; justify-content: flex-end; font-size: 32px; text-align: center; height: 185px; width: 170px; border-radius: 40px; padding-bottom: 25px; margin-bottom: 25px;}
#urgencia .flex .item img{height: 25px; width: auto;}
#urgencia .flex .item p{margin: 0; font-weight: normal; margin-bottom: 26px;}
#urgencia .flex .color1{background: #C4C4C4; color: #000000; }
#urgencia .flex .color2{background: #9E9E9E; color: #000000;}
#urgencia .flex .color3{background: #717171; color: #000000;}
#urgencia .flex .color4{background: #222222; color: #C4C4C4;}

#formulario {background: #323232; padding-top: 96px; padding-bottom: 85px;}
#formulario .indent form{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; color: #fff;}
#formulario .indent form h2{margin: 0; font-size: 47px; font-style: normal; font-weight: normal; text-transform: uppercase;}
#formulario .indent form h3{margin: 0; font-size: 47px; font-style: normal; font-weight: normal; margin-bottom: 46px;}
#formulario .indent form .flex{display: flex; justify-content: space-between; align-items: center; width: 33%; margin-bottom: 70px;}
#formulario .indent form .flex .item{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#formulario .indent form .flex .item img{height: 55px; width: auto; margin-bottom: 10px;}
#formulario .indent form .flex .item p{margin: 0; font-size: 22px; font-style: normal; font-weight: normal; text-transform: uppercase;}
#formulario .indent form input{font-size: 25px; font-style: normal; font-weight: normal; padding: 15px 36px; color: #000;}
#formulario .indent form label { display: block; }
#formulario .indent form .input-box { width: 100%; margin-bottom: 20px; }
#formulario .indent form .inputflex{display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 20px;}
#formulario .indent form .inputflex .input-box { flex: 1; }
#formulario .indent form label.error { color: red; padding: 3px 0 0 3px; font-size: 20px; font-weight: normal; font-style: normal; }
#formulario .indent form .input{width: 100%;}
#formulario .indent form textarea{width: 100%; font-size: 25px; font-style: normal; font-weight: normal; padding: 15px 36px; color: #000;}
#formulario .indent form button{width: 100%; border: 0; background: #9E9E9E; color: #fff; font-family: 'quesha'; font-size: 36px; padding: 20px;transition: all 0.2s ease;}
#formulario .indent form button:hover{background: rgb(116, 116, 116); transition: all 0.2s ease;}
#formulario .indent form input, #formulario .indent form textarea { display: block; width: 100%; }

#solucao{background: #ffffff; padding-top: 75px; padding-bottom: 61px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#solucao h2{margin: 0; font-size: 47px; font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 55px; color: #000; text-align: center;}
#solucao .flex{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 48px; height: max-content;}
#solucao .flex .item{width: 30%; height: 350px; padding: 42px 35px;}
#solucao .flex .item p{margin: 0; font-size: 28px; font-style: normal; font-weight: normal; line-height: 34px;}
#solucao .flex .item h3{margin: 0; font-size: 28px; font-style: normal; font-weight: normal; text-transform: uppercase;}
#solucao .flex .color1{background: #E5E5E5; color: #000000;}
#solucao .flex .color2{background: #C4C4C4; color: #000000;}
#solucao .flex .color3{background: #50504E; color: #ffffff;}
#solucao a{border: 0; border-radius: 25px; font-family: 'quesha'; padding: 10px 50px; color: #ffffff; background: #000000; font-size: 28px; font-style: normal; width: fit-content;}

#direito{background: #E5E5E5; padding-top: 60px ; padding-bottom: 70px;}
#direito h3{margin: 0; font-size: 47px; font-style: normal; font-weight: normal; text-transform: uppercase; color: #000000; margin-bottom: 30px; text-align: center;}
#direito .flex{display: flex; align-items: flex-start; justify-content: space-between; width: 100%; padding: 0 5vw;}
#direito .flex .item{border: 1px solid #000000; color: #000000; width: 32%;}
#direito .flex .item img{width: 100%; height: auto;}
#direito .flex .item .text{padding: 35px; height: 340px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative;}
#direito .flex .item .text h2{margin: 0; font-size: 35px; font-style: normal; font-weight: normal;}
#direito .flex .item .text p{margin: 0; font-size: 22px; font-style: normal; font-weight: normal;}
#direito .flex .item .text a{border: 0; background: #000000; color: #fff; font-family: 'quesha'; font-size: 36px; padding: 2px 55px; border-radius: 30px; position: absolute; bottom: 40px;font-style: normal; width: fit-content; text-transform: uppercase;}




#home #rodape { background: #323232; padding-top: 94px; padding-bottom: 150px; display: flex; justify-content: center; color: #FFFFFF;}
#rodape .flex{display: flex; align-items: flex-start; justify-content: space-between;}
#rodape .flex .column{max-width: max-content; }
#rodape .flex .column img{height: 37px; width: auto; margin-bottom: 13px;}
#rodape .flex .column h2{margin: 0; font-size: 38px; font-style: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 2px;}
#rodape .flex .column a{margin: 0; font-size: 22px; font-style: normal; font-weight: normal;}
#rodape .flex .social{display: flex; align-items: flex-start; justify-content: space-between;}
#rodape .flex .social img{height: 35px; width: auto; margin: 0 10px; margin-top: 40px;}
#rodape .flex .social a{width: auto;}

@media (max-width: 1800px) {
}

@media (max-width: 1500px){
	#direito .flex .item .text{height:370px;}
}

@media (max-width: 1250px){
	#wrapper {padding-top: 100px;} 
	#home .header{height: 100px;}
	#home .header .container-header nav ul li a{font-size: 16px; align-items: center;}
	#home .header .container-header nav ul li a img{height: 80px;}
	#home .header .container-header nav ul .button{margin: 0 10px;}
	#solucao .flex .item{height: 400px;}
	#direito .flex .item .text{height:420px;}
	#urgencia .flex .item{width: 130px; height: 145px; font-size: 24px;}
	#urgencia .flex .item p{margin-bottom: 8px;}
}

@media (max-width: 1050px){
	#home .header .container-header nav ul .button{padding: 2px 20px;}
	#solucao .flex .item{height: 420px;}
	#solucao .flex .item h2{font-size: 22px;}
	#solucao .flex .item p{font-size: 22px;}
	#direito .flex .item .text h2{font-size: 25px;}
	#direito .flex .item .text p{font-size: 20px;}
	#direito .flex .item .text{height:370px; padding: 20px;}
	#advogada .indent p{width: 50%;}
	#formulario .indent form .flex{width: 50%;}
	#atendimento .flex .item img{height: 60px;}
	#home #rodape{padding-top: 70px; padding-bottom: 120px;}
	#rodape .flex .column img{height: 30px;}
	#rodape .flex .column h2{font-size: 30px;}
	#rodape .flex .column a{font-size: 18px;}
	#rodape .flex .social img{height: 29px; margin: 0 5px; margin-top: 30px;}
}

@media (max-width: 960px){
	#wrapper {padding-top: 80px;} 
	#home .header{height: 80px;}
	#home .header .container-header nav ul li a img{height: 60px;}
	#home .header .container-header nav ul li a{font-size: 14px;}
	#atendimento{padding-top: 60px; padding-bottom: 50px;}
	#atendimento h2{margin-bottom: 50px;}
	#atendimento .flex{margin-bottom: 50px;}
	#atendimento .flex .item img{height: 50px;}
	#atendimento .flex .item p{font-size: 20px;}
	#banner2 .darkgrey h2{font-size: 30px; margin-bottom: 5px;}
	#banner2 .darkgrey p{font-size: 22px;}
	#banner2 .darkgrey p{font-size: 18px;}
	#advogada .indent h2{font-size: 35px; margin-bottom: 30px;}
	#advogada .indent h3{font-size: 28px; margin-bottom: 15px;}
	#advogada .indent p{font-size: 20px;}
	#urgencia .flex .item{width: 115px; height: 130px; font-size: 20px;}
	#urgencia .flex .item p{margin-bottom: 4px;}
	#urgencia .flex .item img{height: 19px;}
	#formulario .indent form h2{font-size: 34px;}
	#formulario .indent form h3{font-size: 34px;}
	#formulario .indent form .flex .item img{height: 40px;}
	#solucao h2{font-size: 35px;}
	#solucao .flex .item{padding: 30px 20px;}
	#direito .flex .item .text button{padding: 2px 30px; font-size: 20px;}
	#rodape .flex .column h2{font-size: 24px;}
	#rodape .flex .column a{font-size: 18px;}
}

@media (max-width: 800px){
	#home .header {}
	#home .header .container-header { display: flex; justify-content: flex-start; }
	#home .header .container-header .logo{display: block; height: 60px;  position: absolute; right: 0; left: 0; width: max-content; margin: 0 auto;}
	#home .header .container-header .logo img{height: 60px; width: auto;}

	#hamburger { cursor: pointer; width: clamp(1.5rem, 2vw + 1.1rem, 6rem); height: clamp(2rem, 1.4vw + 1.7rem, 5rem); display: flex; align-items: center; margin-top: 7px; }
	#hamburger:hover { opacity: 1; }
	#hamburger div, #hamburger div:after, #hamburger div:before { background-color: #C4C4C4; border-radius: 10px; width: clamp(1.5rem, 2vw + 1.1rem, 6rem); height: clamp(0.2rem, 0.3vw + 0.1rem, 0.8rem); transition: all 0.15s linear;}
	#hamburger div:before, #hamburger div:after { content: ""; position: absolute;}
	#hamburger div:before { transform: translateY(-250%); }
	#hamburger div:after { transform: translateY(250%); }
	#hamburger.open div:before { transform: rotate(45deg); }
	#hamburger.open div:after { transform: rotate(-45deg); }
	#hamburger.open div, #hamburger.open div:after, #hamburger.open div:before { background-color: #C4C4C4; }
	#hamburger.open div { background: transparent; }
	
	.menu-nav{height: 0; position: absolute; flex-direction: column; overflow: hidden; transition: height 0.3s;  left: 0; margin-top: 80px; top: 0; width: 100%;  background: #000000;}
	#home .header .container-header .menu-nav ul{opacity: 0; transition: opacity 0.3s ease;}
	.menu-nav.active{height: -moz-calc(100vh - 80px); height: -webkit-calc(100vh - 80px);height: calc(100vh - 80px);  z-index: 1000;transition: height 0.3s;}
	.menu-nav ul{flex-direction: column; height: 100%; padding: 15vh 15px;}
	.menu-nav ul .imgnav{display: none;}
	#home .header .container-header .menu-nav.active ul{opacity: 1; transition: opacity 0.3s ease;}
	#home .header .container-header .menu-nav ul li a{font-size: 40px; display: inline-block;}
	#home .header .container-header .menu-nav ul .button{margin: 20px 20px; padding: 4px 30px; display: flex; flex-wrap: wrap;}
	#home .header .container-header .menu-nav ul div{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}

	#banner{height: 30vh;  background-image: url(../images/banner-mobile.webp);} 
	#banner .indent{padding-bottom: 1vh;}
	#banner .indent .column .containerblack{font-size: 55px; padding: 12px 70px; border-radius: 40px;}
	#banner .indent .column .containerblack p{line-height: 50px;}
	#banner .indent .column .containergrey{font-size: 38px; border-radius: 20px;}

	#atendimento .flex{display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px 0px; }
	#atendimento .flex .item img{height: 70px;}
	#atendimento .flex .item p{font-size: 30px;}
	#atendimento button{font-size: 30px; padding: 15px 80px}

	#advogada .indent h2{font-size: 39px;}
	#advogada .indent h3{font-size: 39px; margin-bottom: 40px;}
	#advogada .indent p{width: 75%; font-size: 27px;}
	#advogada .indent button{font-size: 30px; padding: 5px 80px}

	#urgencia .flex{display: grid; grid-auto-columns: 1fr; grid-template-columns: repeat(auto-fill, 180px);  gap: 40px 40px; justify-content: space-around;}
	#urgencia .flex .item{margin: 0 auto;    width: 180px; height: 200px; font-size: 33px}
	#urgencia .flex .item p{margin-bottom: 24px;}
	#urgencia .flex .item img{height: 30px;}
	
	#formulario .indent form .flex{width: 70%;}
 
	#banner2{padding-bottom: 120px; height: 30vh;}
	#banner2 .darkgrey h2{font-size: 50px;}
	#banner2 .darkgrey p{font-size: 38px;}
	#banner2 .lightgrey{}
	#banner2 .lightgrey p{line-height: 36px;}

	#solucao .flex{flex-direction: column;}
	#solucao .flex .item{width: 100%; padding: 30px 30px;;}
	#solucao .flex .item h3{font-size: 40px ;}
	#solucao .flex .item p{font-size: 35px;}
	#solucao button{font-size: 37px; padding: 15px 70px; border-radius: 100px;}

	#direito .flex{flex-direction: column; align-items: center;}
	#direito .flex .item{width: 90%; margin-bottom: 50px}

	#formulario .indent form .inputflex{flex-direction: column; gap: 0;}
	#formulario .indent form .inputflex .inputhalf{width: 100%;}

	#direito .flex .item .text h2{font-size: 38px;}
	#direito .flex .item .text p{font-size: 30px;}
	#direito .flex .item .text button{font-size: 40px; padding: 5px 80px}


	#rodape .flex{display: grid; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 50px 0px; }
	#rodape .flex .column img{height: 50px;}
	#rodape .flex .column h2{font-size: 30px;}
	#rodape .flex .column a{font-size: 23px;}
	#rodape .flex .social{width: 70%;}
	#rodape .flex .social img{height: 50px;}

	
}

@media (max-width: 650px){
	#home .header .container-header .menu-nav ul li a{font-size: 22px;}

	#banner .indent{padding: 1vh 0;}
	#banner .indent .column .containerblack{font-size: 20px; padding: 5px 20px; border-radius: 15px;}
	#banner .indent .column .containerblack p{line-height: 20px;}
	#banner .indent .column .containergrey{font-size: 16px;  border-radius: 15px; padding: 4px 20px;}

	#atendimento{padding-top: 30px;}
	#atendimento h2{margin-bottom: 20px; font-size: 30px;}
	#atendimento .flex{margin-bottom: 0;}
	#atendimento .flex .item img{height: 60px; margin-bottom: 5px;}
	#atendimento .flex .item p{font-size: 20px;}
	#atendimento button{font-size: 16px; padding: 15px 25px;}

	#banner2{padding-bottom: 60px;}
	#banner2 .darkgrey{padding: 15px 15px; border-radius: 25px;}
	#banner2 .darkgrey h2{font-size: 25px;}
	#banner2 .darkgrey p{font-size: 20px; line-height: 22px;}
	#banner2 .lightgrey{margin-top: 2px; padding: 10px 20px; }

	#advogada{padding: 50px 0;}
	#advogada .indent h2{font-size: 30px; margin-bottom: 15px;}
	#advogada .indent h3{font-size: 30px; margin-bottom: 20px;}
	#advogada .indent p{font-size: 20px; width: 100%;}
	#advogada .indent button{font-size: 20px; padding: 4px 40px;}

	#urgencia{padding: 45px 5vw;}
	#urgencia h2{font-size: 32px; margin-bottom: 20px;}

	#formulario{padding-top: 60px; padding-bottom: 50px;}
	#formulario .indent form h2{font-size: 30px;}
	#formulario .indent form h3{font-size: 26px;}
	#formulario .indent form .flex{width: 100%;}
	#formulario .indent form .flex .item img{height: 30px;}
	#formulario .indent form .flex .item p{font-size: 20px;}
	#formulario .indent form input{padding: 15px 15px;}
	#formulario .indent form textarea{padding: 15px 15px;}
	#formulario .indent form button{font-size: 28px; padding: 10px;}

	#solucao{padding-top: 45px;}
	#solucao h2{font-size: 30px; margin-bottom: 30px;}
	#solucao .flex .item{padding: 20px;}
	#solucao .flex .item h3{font-size: 30px;}
	#solucao .flex .item p{font-size: 26px;}
	#solucao button{font-size: 28px; padding: 12px 25px;}

	#direito h3{font-size: 30px;}
	#direito .flex .item .text{}
	#direito .flex .item .text h2{font-size: 26px;}
	#direito .flex .item .text p{font-size: 22px;}
	#direito .flex .item .text button{font-size: 30px; padding: 6px 36px;}

	#home #rodape{padding-top: 40px; padding-bottom: 70px;}
	#rodape .flex .column img{height: 30px;}
	#rodape .flex .column h2{font-size: 22px;}
	#rodape .flex .column a{font-size: 16px; margin-bottom: 10px;}
	#rodape .flex .social img{height: 30px;}
}

@media (max-width: 500px) {
}