*{
  margin: 0px;
  box-sizing: border-box;
}
html, body{
  padding: 0;
  width: 100%;
  font-family: 'PT Serif', serif;
}


.grid-1{
  width: 20%;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
.grid-2{
  width: 40%;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
.grid-3{
  width: 60%;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
.grid-4{
  width: 80%;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
.grid-5{
  width: 100%;
  display: inline-block;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
.grid-row{
  width: 100%;
  margin-top: 150px;
  overflow: hidden;
}
.grid-row-no-margin{
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
}
.center{
  justify-content: center;
  align-items: center;
  text-align: center;
}
.push-1{
  margin-left: 20%;
}
.push-2{
  margin-left: 40%;
}
.push-3{
  margin-left: 60%;
}
.push-4{
  margin-left: 80%;
}

.header{
  height: 100vh;
  background-color: #FFE706;
}
.section{
  padding-top: 200px;
  padding-bottom: 200px;
}
.section-no-top{
  padding-top: 0px;
}

#distribuicao{
  background-color: #242323;
  /* background: linear-gradient(rgba(129,76,220, .90), #4527A0); */
}
#perfil{
  background-color: #5C6BC0;
  /* background: linear-gradient(#4527A0, #00838F) */
}
#gestao{
  background-color: #00695C;
  /* background: linear-gradient(#00838F, #00838F, #178DE8) */ */
}
#comunidade{
  background-color: #795548;
}
#footer{
  background-color: #fff;
}
.header-box{
  height: 100%;
  display: flex;
  flex-direction: column;
  width: calc(100%);
  max-width: 750px;
  margin: auto;
  align-items: center;
}
.header-align{
  flex-grow: 1;
  justify-content: space-evenly;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-title-box{
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.header h1{
  /* font-family: Trueno; */
  font-size: 75px;
  color: #000;
  margin-bottom: 10px;
  line-height: 80px;
}
.header h2{
  /* font-family: "Open Sans"; */
  font-size: 30px;
  color: #000;
  font-weight: 100;
}
.header-img{
  max-height: 35vh;
  margin-bottom: 32px;
  justify-self: end;
}
#logo img{
  height: 65px;
}
#menu-superior{
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 24px;
  right: 42px;
  list-style: none;
}
#menu-superior li{
  font-size: 16px;
  color: #fff;
  /* font-family: Roboto; */
  margin-left: 20px;
  z-index: 2000;
}
#menu-lateral{
  position: fixed;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0px;
  right: 42px;
  height: 100vh;
  list-style: none;
  text-align: right;
}
#menu-lateral li, #menu-lateral li a{
  font-size: 22px;
  /* font-family: Trueno; */
  font-weight: 100;
  margin-top: 20px;
}
.link-lateral{
  color: #000;
  transition: color 1s ease;
  text-decoration: none;
}
#menu-lateral li a.ativo{
  font-weight: 900;
}
#menu-lateral li a::after {
    content: "○";
    content: "∘";
    padding-left: 8px;
}
#menu-lateral li a.ativo::after{
  content: "•";
  content: "⦁";
  padding-left: 8px;
}
#img-menu{
  width: inherit;
}
.menu-tag {
  position: relative;
  height: 195px;
  width: 125px;
  border-right: 3px solid #fff;
  overflow: hidden;
  color: #fff;
  padding: 12px 6px;
  -webkit-transition: all 1s;
  transition: all 1s;
  /* font-family: Trueno; */
  font-size: 15px;
  line-height: 20px;
  font-weight: 900;
  text-align: right;
  float: right;
}
a .menu-tag{
  text-decoration: none;
}
.menu-tag:after, .menu-tag:before {
  position: absolute;
  content: '';
  width: calc(100% - 2px);
  left: 0px;
  z-index: -1;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.menu-tag:before {
  height: 10%;
  bottom: 0px;
  border: 2px solid #fff;
  border-width: 0px 0px 3px 4px;
  -webkit-transform: skew(45deg);
  -webkit-transform-origin: left top;
  transform: skew(45deg);
  transform-origin: left top;
}
.menu-tag:after {
  height: calc(90% - 6px);
  top: 0px;
  border: 2px solid #fff;
  border-width: 3px 0px 0px 3px;
}
.menu-tag.black-tag {
  border-color: #455A64;
  color: #455A64;
}
.menu-tag.black-tag:after {
  border-color: #455A64;
}
.menu-tag.black-tag:before {
  border-color: #455A64;
}
.menu-ano{
  /*color: #4FE7DD;*/
  position: absolute;
  right: 6px;
  bottom: 18px;
  display: block;
  font-size: 26px;
}
.no-bold{
  font-weight: 100;
}
h2.section-title{
  /* font-family: Trueno; */
  color: #FFFFFF;
  font-size: 75px;
  line-height: 90px;
  margin-bottom: 12px;
}
h2.section-title-number{
  /* font-family: Trueno; */
  color: #FFFFFF;
  font-size: 180px;
  line-height: 200px;
  margin-bottom: 0px;
}
h3.section-subtitle{
  /* font-family: "Open Sans"; */
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 100;
  line-height: 45px;
  padding-right: 70px;
}
h4.row-subtitle{
  font-size: 35px;
}

.section-text{
  /* font-family: "Open Sans"; */
  color: #FFFFFF;
  font-size: 22px;
  line-height: 30px;
  padding-right: 70px;
  margin-top: 20px;
}
.section-text p{
  margin-top: 30px;
}

.chart-vertical-bar{
  margin-top: 150px;
  margin-bottom: 150px;
}

.group-horizontal{
  font-size: 20px;
  /* font-family: "Open Sans"; */
  font-weight: 900;
  margin-top: 200px;
  margin-bottom: 100px;
}
h4{
  /* font-family: Trueno; */
  font-weight: 900;
  font-size: 45px;
  color: #fff;
  margin-bottom: 20px;
}
.group-uf{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.group-uf .uf{
  font-size: 20px;
  color: #FFE706;
  /* font-family: "Open Sans"; */
  font-weight: 900;
  width: 30px;
  margin-right: 15px;
  text-align: right;
}
.number{
  font-size: 20px;
  color: #FFE706;
  /* font-family: "Open Sans"; */
  font-weight: 100;
  font-style: italic;
  margin-left: 10px;
  text-align: right;
}
.etc{
  font-size: 18px;
  color: #FFE706;
  /* font-family: "Open Sans"; */
  font-weight: 100;
  font-style: italic;
  margin-left: 0px;
  text-align: right;
}
.group-cidade .etc{
  width: 210px;
  text-align: right;
}

.group-cidade{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.group-cidade .cidade{
  font-size: 20px;
  color: #FFE706;
  /* font-family: "Open Sans"; */
  font-weight: 900;
  width: 160px;
  margin-right: 15px;
  text-align: right;
}
.div-group-cidade{
  margin-left: 80px;
}

.title-number-percent{
  font-size: 115px;
  /* font-family: "D-DIN", sans-serif; */
  color: #FFE706;
  font-weight: 100;
  margin-bottom: 0px;
  line-height: 100px
}
.title-number-percent-small{
  font-size: 65px;
}
.subtitle-desc-percent{
  font-size: 35px;
  /* font-family: "D-DIN", sans-serif; */
  color: #FFE706;
  font-weight: 100;
  margin-bottom: 5px;
}
.div-desc-percent{
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-size: 22px;
  color: #FFE706;
}


.donut-div{
  display: -webkit-inline-flex;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding-left: 45px;
  padding-right: 45px;
}
h5.donut-div-title{
  font-size: 22px;
  color: #fff;
  /* font-family: Trueno; */
  font-weight: 900;
  margin-top: 32px;
  margin-bottom: 12px;
  line-height: 26px;
  width: 100%;
  text-align: left;
}
.donut-div p{
  /* font-family: 'Roboto Condensed', sans-serif; */
  font-size: 22px;
  width: 100%;
  text-align: left;
}
.donut-div p.donut-item-1{
  color: #FFE706;
}
.donut-div p.donut-item-2{
  color: #3ACAFF;
}
.donut-div p.donut-item-3{
  color: #fff;
}


.perfil-grid{
  margin-top: 180px;
  margin-bottom: 180px;
}
.perfil-info-div{
  padding-left: 75px;
  padding-right: 40px;
  vertical-align: super;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
}
h5.div-title{
  font-size: 22px;
  color: #fff;
  /* font-family: Trueno; */
  font-weight: 900;
  margin-bottom: 15px;
}
div.hr-min{
  border-bottom: 3px solid #fff;
  width: 80%;
}
div.hr-max{
  border-bottom: 3px solid #fff;
  width:110%;
}
.perfil-hr{
  margin-bottom: 25px;
}
.group-bar{
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  font-size: 22px;
  /* font-family: 'Roboto Condensed'; */
}
.group-bar-1{
  color: #FFE706;
}
.group-bar-2{
  color: #3ACAFF;
}
.group-bar-3{
  color: #FFF;
}
.group-bar-3{
  color: #FFF;
}
.group-bar-4{
  color: rgba(255, 255, 255, .5);
}
.perfil-chart-bar{
  margin-right: 10px;
}

.estutura-h4{
  padding-left: 75px;
  padding-right: 10%;
  font-size: 40px;
  /* font-family: Trueno; */
  font-weight: 900;
}
.div-bar-horizontal{
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.donut-group{
  margin-top: 180px;
}

 #perfil .donut-div{
   margin-bottom: 70px;
 }

 .title-number{
   font-size: 115px;
   /* font-family: "D-DIN", sans-serif; */
   color: #FFE706;
   font-weight: 100;
   margin-bottom: 0px;
   line-height: 100px;
 }
 .subtitle-desc{
   font-size: 35px;
   /* font-family: "D-DIN", sans-serif; */
   color: #FFE706;
   font-weight: 100;
   margin-bottom: 20px;
   width: 90%;
 }
 .white{
   color: #fff;
 }
 .div-desc{
   display: -webkit-inline-flex;
   display: inline-flex;
   justify-content: center;
   flex-direction: column;
   padding-left: 45px;
 }
 .div-desc-esp{
   display: -webkit-inline-flex;
   display: inline-flex;
   justify-content: center;
   flex-direction: column;
   padding-left: 45px;
   padding-right: 45px;
 }

 .group-bar-primary{
   font-size: 44px;
   /* font-family: "D-DIN", sans-serif; */
   color: #FFE706;
   display: -webkit-inline-flex;
   display: inline-flex;
   align-items: center;
   margin-bottom: 5px;
 }
 .group-bar-secondary{
   font-size: 26px;
   /* font-family: "D-DIN", sans-serif; */
   color: #FFF;
   display: -webkit-inline-flex;
   display: inline-flex;
   align-items: center;
   margin-bottom: 15px;
 }
 .group-bar-primary .chart-bar{
   margin-right: 12px;
 }
 .group-bar-secondary .chart-bar{
   margin-right: 12px;
 }
 .black{
   color: #000 !important;
   -webkit-transition: color 1s ease;
   transition: color 1s ease;
 }
 .white{
   color: #fff !important;
   -webkit-transition: color 1s ease;
   transition: color 1s ease;
 }


 .partner-row{
   display: block;
   padding-left: 75px;
   margin-top: 50px;
 }
 .partner-div{
   display: inline-block;
   display: -webkit-inline-flex;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 185px;
   height: 140px;
   margin-right: 15px;
   margin-bottom: 15px;
   border-radius: 6px;
   vertical-align: middle;
 }
 .partner-img{
   width: 144px;
   max-width: 144px;
   max-height: 94px;
 }

 .p-row{
   padding-left: 75px;
 }
 .p-row div{
   padding-left: 75px;
   flex-direction: row;
 }
 .p-row img{
   margin-right: 15px;
   align-self: center;
 }
 .mini-p-row{
   margin-top: 30px;
   margin-bottom: 30px;
 }

 .artigo-title{
   margin-top: 160px;
   margin-bottom: 0px;
 }
 .section-text p.artigo-desc{
   margin-top: 0px;
 }

 .subartigo{
   padding-left: 75px;
   display: -webkit-inline-flex;
   display: inline-flex;
   flex-direction: column;
 }
 .subartigo-title{
   /* font-family: Trueno; */
   font-size: 20px;
   color: #455A64;
   margin-bottom: 12px;
   margin-top: 40px;
 }
 .subartigo-desc{
   /* font-family: "Open Sans"; */
   font-size: 16px;
   color: #455A64;
   margin-bottom: 20px;
 }
 a.subartigo-link{
   /* font-family: "Open Sans"; */
   font-size: 16px;
   color: #3ACAFF;
   text-decoration: none;
   margin-bottom: 15px;
 }

 .p-buttom{
   margin-top: 20px !important;
 }
 .buttom{
   font-size: 14px;
   text-decoration: none;
   color: #fff;
   background-color: #5EACAB;
   padding: 4px 8px;
   display: inline-block;
   border-radius: 6px;
   margin-bottom: 6px;
 }
 .buttom.buttom-face{
   background-color: #38599C;
 }
 .buttom.buttom-twitter{
   background-color: #4FA9EF;
 }
 .buttom.buttom-linkedin{
   background-color: #0073C0;
 }
 .buttom.buttom-estudo{
   background-color: #00B059;
 }



 .direitos{
   display: inline-block;
   margin-bottom: 50px;
   margin-top: 10px;
   font-size: 14px;
   /* font-family: "Open Sans"; */
 }

 #censo-chart{
   width: 80%;
 }


 .just-mobile{
   display: none;
 }

 @media (max-width: 1440px) {
    .donut-title{
      font-size: 42px;
      line-height: 48px;
    }
    .donut-text{
      font-size: 17px;
      font-size: 12px;
    }
    h5.donut-div-title{
      font-size: 18px;
    }
    .donut-div p{
      font-size: 18px;
    }
    .title-number{
      font-size: 85px;
      line-height: 75px;
    }
    .title-number-percent{
      font-size: 80px;
      line-height: 75px;
    }
    .title-number-percent-small {
        font-size: 50px;
    }
    .subtitle-desc-percent{
      font-size: 26px;
    }
    .subtitle-desc{
      font-size: 30px;
      width: 95%;
    }

    h2.section-title{
      font-size: 62px;
      line-height: 76px;
    }
    h3.section-subtitle {
      font-size: 28px;
      line-height: 35px;
    }
 }

 @media (max-width: 1280px) {

    .grid-row{
      margin-top: 80px;
    }

    .header{
      height: 100vh;
      background-color:#FFE706;
    }

    .section{
      padding-top: 100px;
      padding-bottom: 100px;
    }
    .section-no-top{
      padding-top: 0px;
    }
    .header-box{
      width: calc(100%);
      max-width: 550px;
    }
    .header h1{
      font-size: 55px;
      line-height: 65px;
    }
    .header h2{
      font-size: 22px;
    }
    .header-img{
      margin-bottom: 16px;
    }
    #logo{
      top: 22px;
      left: 22px;
    }
    .donut-title{
      font-size: 45px;
      line-height: 45px;
    }
    .donut-text{
      font-size: 18px;
      font-size: 13px;
    }
    .title-number{
      font-size: 85px;
    }
    .title-number-percent{
      font-size: 72px;
    }
    .title-number-percent-small{
      font-size: 48px;
    }
    .subtitle-desc-percent {
      font-size: 22px;
    }
    .subtitle-desc{
      font-size: 22px;
      width: 100%;
    }
    h2.section-title{
      font-size: 55px;
      line-height: 65px;
    }
    h3.section-subtitle {
      font-size: 25px;
      line-height: 33px;
    }
 }

 @media (max-width: 1000px) {

    .just-mobile{
      display: block;
    }

    .no-mobile{
      display: none !important;
    }

    .grid-1, .grid-2, .grid-3, .grid-4{
      width: 100%;
    }
    .grid-row{
      margin-top: 60px;
    }

    .push-1, .push-2, .push-3, .push-4{
      margin-left: 0%;
    }

    .header{
      height: 100vh;
      background-color: #FFE706;
      padding-left: 20px;
      padding-right: 10px;
    }

    .section{
      padding-top: 100px;
      padding-bottom: 100px;
      padding-left: 20px;
      padding-right: 10px;
    }
    .section-no-top{
      padding-top: 0px;
    }
    .header h1{
      font-size: 36px;
      line-height: 44px;
      /*margin-left: 20px;*/
    }
    .header h2{
      font-size: 20px;
      /*margin-left: 20px;*/
    }
    .header-img{
      max-height: 35vh;
      max-width: 100%;
    }
    #logo img{
      height: 55px;
    }

    .open-menu{
      color: #eee;
      position: fixed;
      top: 20px;
      right: 20px;
      font-size: 18px;
      z-index: 9998;
    }
    #close-menu{
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 9997;
      width: 100vw;
      height: 100vh;
      display: none;
    }
    .close-menu-ico{
      position: absolute;
      color: #eee;
      top: 20px;
      right: 22px;
      font-size: 18px;
      z-index: 9999;
    }

    #menu-lateral{
      position: fixed;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      top: 0px;
      right: 0px;
      height: 100vh;
      list-style: none;
      text-align: right;
      width: 100%;
      height: auto;
      background-color: #428fa4;
      margin: 0px;
      padding: 0px;
      z-index: 9999;
    }
    #menu-lateral li, #menu-lateral li a{
      font-size: 22px;
      color: #fff;
      /* font-family: Trueno; */
      font-weight: 100;
      padding-top: 15px;
      padding-bottom: 15px;
      margin: 0;
      border-bottom: 1px solid #357384;
      width: 100%;
      text-decoration: none;
      text-align: center;
    }

    #menu-lateral li a{
      transition: color 0.5s ease;
      color: #fff;
    }

    #menu-lateral li a.ativo{
      font-weight: 900;
    }
    #menu-lateral li a::after {
        content: "";
        padding-left: 8px;
    }
    #menu-lateral li a.ativo::after{
      content: "";
      padding-left: 8px;
    }

    h2.section-title{
      font-size: 34px;
      line-height: 44px;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }
    h2.section-title-number{
      font-size: 60px;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }
    h3.section-subtitle{
      font-size: 18px;
      line-height: 25px;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }
    .section-text{
      font-size: 16px;
      line-height: 20px;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }
    .section-text p{
      margin-top: 10px;
    }

    .chart-vertical-bar{
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .vertical-bar-item-title{
      font-size: 10px;
    }

    .group-horizontal{
      font-size: 16x;
      margin-top: 80px;
      margin-bottom: 80px;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }
    h4{
      font-size: 26px;
    }
    .group-uf .uf{
      font-size: 16px;
      margin-right: 12px;
    }
    .number{
      font-size: 16px;
      margin-left: 8px;
    }
    .group-cidade{
      display: -webkit-flex;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
    .group-cidade .cidade{
      font-size: 18px;
      margin-right: 12px;
      width: 130px;
      text-align: left;
    }
    .group-cidade .etc{
        width: inherit;
    }
    .div-group-cidade{
      margin-left: 0px;
      margin-top: 60px;
    }
    .donut-div{
      margin-top: 30px;
      margin-bottom: 60px;
      padding-left: 10px;
      padding-right: 20px;
    }
    .donut-title{
      font-size: 38px;
      line-height: 38px;
    }
    .donut-text{
      font-size: 12px;
    }
    h5.donut-div-title{
      font-size: 20px;
      color: #fff;
      /* font-family: Trueno; */
      font-weight: 900;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .donut-div p{
      /* font-family: 'Roboto Condensed', sans-serif; */
      font-size: 20px;
    }
    .donut-div p.donut-item-1{
      color: #FFE706;
    }
    .donut-div p.donut-item-2{
      color: #3ACAFF;
    }
    .donut-div p.donut-item-3{
      color: #fff;
    }


    .perfil-grid{
      margin-top: 80px;
      margin-bottom: 80px;
    }
    .perfil-info-div{
      padding-left: 0px;
      padding-right: 40px;
      margin-bottom: 80px;
    }
    h5.div-title{
      font-size: 18px;
    }
    div.hr-min{
      border-bottom: 3px solid #fff;
      width: 100%;
    }
    div.hr-max{
      width: 80%;
      /*margin-left: 20px;*/
    }
    .perfil-hr{
      margin-bottom: 25px;
    }
    .group-bar{
      display: -webkit-flex;
      display: flex;
      align-items: center;
      margin-bottom: 2px;
      font-size: 22px;
      /* font-family: 'Roboto Condensed'; */
    }
    .group-bar-1{
      color: #FFE706;
    }
    .group-bar-2{
      color: #3ACAFF;
    }
    .group-bar-3{
      color: #FFF;
    }
    .group-bar-3{
      color: #FFF;
    }
    .group-bar-4{
      color: rgba(255, 255, 255, .5);
    }
    .perfil-chart-bar{
      margin-right: 10px;
    }

    .estutura-h4{
      padding-left: 0px;
      /*margin-left: 20px;
      margin-right: 20px;*/
      font-size: 22px;
    }
    .div-bar-horizontal{
      display: -webkit-inline-flex;
      display: inline-flex;
      flex-direction: column;
      /*margin-left: 20px;
      margin-right: 20px;*/
    }

    .donut-group{
      margin-top: 60px;
    }

     #perfil .donut-div{
       margin-bottom: 60px;
     }

     .title-number{
       font-size: 75px;
       margin-top: 0px;
     }
     .subtitle-desc{
       font-size: 25px;
       margin-bottom: 60px;
     }
     .subtitle-desc-percent {
        font-size: 25px;
    }
     .subtitle-desc.mobile{
       margin-bottom: 20px;
     }
     .subtitle-desc.white{
       margin-bottom: 100px;
     }
     h5.donut-div-title.mobile{
       /*margin-left: 20px;
       margin-right: 20px;*/
     }

     .div-desc {
        padding-left: 0px;
    }
     .div-desc-esp{
       padding-left: 0px;
     }

     .group-bar-secondary{
       /*margin-left: 20px;*/
     }
     .group-bar-secondary.mobile{
       margin-left: 0px;
     }
     .group-bar-primary .chart-bar{
       margin-right: 12px;
     }
     .group-bar-secondary .chart-bar{
       margin-right: 12px;
     }
     .black{
       color: #455A64 !important;
     }

     .partner-row {
          padding-left: 0px;
          padding-right: 10px;
      }

     .partner-div {
          width: calc(100vw - 40px);
          height: calc((100vw - 40px) * 0.75);
          margin-right: 20px;
          margin-bottom: 25px;
      }
      .partner-img{
        max-width: calc(100vw - 120px) !important;
      }


     .p-row{
       padding-left: 75px;
     }
     .p-row img{
       margin-right: 15px;
     }
     .mini-p-row{
       margin-top: 30px;
       margin-bottom: 30px;
     }
     .mini-p{
       max-width: calc(50vw - 30px) !important;
     }

     .section-text{
       padding-right: 0px;
     }

     .artigo-title{
       margin-top: 20px;
       /*margin-left: 20px;
       margin-right: 20px;*/
     }
     .section-text p.artigo-desc{
       margin-top: 0px;
     }

     .subartigo{
       padding-left: 20px;
       padding-right: 20px;
       display: -webkit-inline-flex;
       display: inline-flex;
       flex-direction: column;
     }
     .subartigo-title{
       font-size: 24px;
       margin-bottom: 12px;
     }
     .subartigo-desc{
       font-size: 18px;
     }
     a.subartigo-link{
       font-size: 18px;
     }

     .div-desc-percent{
       margin-bottom: 50px;
     }

     #censo-chart{
       width: 100%;
     }

     .subartigo-desc{
       margin-bottom: 0px;
     }

 }

 .card{
   margin-left: 17vw;
   margin-top: -150px;
   position: absolute;
   width: 66%;
   height: 300px;
   background-color: #fff;
   /* -webkit-box-shadow: 2px 6px 40px 7px rgba(100,100,100,1);
    -moz-box-shadow: 2px 6px 40px 7px rgba(100,100,100,1);
    box-shadow: 2px 6px 40px 7px rgba(100,100,100,1); */
    border: 4px solid #795548;
    padding: 30px;
 }

 h3.estudo-title{
  /* font-family: Trueno; */
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 20px;
  color: #455A64;
 }
 h4.estudo-subtitle{
   /* font-family: "Open Sans"; */
  font-size: 20px;
  line-height: 30px;
  font-weight: 100;
 }
 #estudo-name, #estudo-mail{
   padding: 6px;
   border: 0px;
   border-bottom: 2px solid #455A64;
   width: calc((100% - 240px) / 2);
   margin-right: 20px;
   outline-width: 0;
 }
 .buttom-estudo{
   width: 160px;
   /* font-family: "Open Sans"; */
   padding: 6px 12px;
   border: 0px;
 }

 @media (max-width: 1000px) { /*Card Mobile*/
   .card{
     margin-left: 8vw;
     margin-top: -320px;
     position: absolute;
     width: 84%;
     height: inherit;
   }

   h3.estudo-title{
    /* font-family: Trueno; */
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 18px;
    color: #455A64;
   }
   h4.estudo-subtitle{
     /* font-family: "Open Sans"; */
    font-size: 20px;
    line-height: 30px;
    font-weight: 100;
   }
   #estudo-name, #estudo-mail{
     padding: 6px;
     border: 0px;
     border-bottom: 2px solid #455A64;
     width: 100%;
     margin-bottom: 30px;
   }
   .buttom-estudo{
     width: 100%;
     /* font-family: "Open Sans"; */
     padding: 6px 12px;
     border: 0px;
   }
 }




 .social-buttom{
   font-size: 20px;
   margin-left: -10px;
   margin-right: 10px;
 }
 .no-margin{
   margin-top: 0px;
   margin-bottom: 0px;
 }
 .no-padding-bottom{
   padding-bottom: 0px;
 }
 a.no-margin{
   margin-bottom: 0px;
 }

 /** Fernando CSS **/

 a{
   text-decoration:none;
   transition:opacity .5s;
   }

  a.a-menu:hover{opacity:.7;}

  .buttom{
    padding:8px 24px;
    background:#00BFA5;
    cursor:pointer;
  }

  .card{
    height:auto;
    border-radius:4px;
    /* box-shadow:0 0 35px rgba(0,0,0,.25); */
    padding:40px;
  }

  .card input{font-size:19px;}




.footer-black{
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
}

.trademark{
  font-size: 32px;
  position: relative;
  top: -32px;
}
@media (max-width: 1000px) {
  .trademark{
    font-size: 24px;
    top: -10px;
  }
}