* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   text-decoration: none;
   list-style: none;
   font-family: Arial, Helvetica, sans-serif;
}

@font-face {
   font-family: kinetika;
   src: url(../fonts/kinetika/Kinetika\ Light.otf);
}

@font-face {
   font-family: neometric;
   src: url(../fonts/neometric/Neometric\ Heavy\ \(Bold\).woff);
}

@font-face {
   font-family: stem;
   src: url(../fonts/stem/Stem-Regular.otf);
}

@font-face {
   font-family: drafta;
   src: url(../fonts/drafta/drafta-black.ttf);
}

@font-face {
   font-family: fiducia;
   src: url(../fonts/fiducia/Fiducia-Sans.otf);
}

header {
   position: sticky;
   z-index: 999;
   box-shadow: 0 2px 6px rgb(0, 0, 0, 0.2);
}

header div .logo {
   width: 300px;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

header .cop-15 {
   margin: 0 auto;
   padding: 5px 10px 0 10px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border-bottom: 2px solid #37880b;
}

header .cop-15 .sub-cop-15 {
   display: flex;
   align-items: center;
   margin-left: 10px;
}

header .cop-15 .sub-cop-15 span {
   text-transform: uppercase;
   color: #2c6b0b;
   font-weight: bold;
   font-size: 2.5em;
}

header .cop-15 .sub-cop-15 span:nth-child(1) {
   margin-right: 10px;
   font-family: kinetika;
}

header .cop-15 .sub-cop-15 span:nth-child(2) {
   font-family: neometric;
   padding-top: 6px;
}

header nav {
   width: 83%;
   margin: 0 auto;
}

header nav ul {
   list-style-type: none;
   font-family: stem;
   text-transform: uppercase;
   font-size: 1em;
   padding: 20px 0;
}

header nav ul li a {
   text-decoration: none;
   color: #3e9c0b;
   cursor: pointer;
}

.wrapper {
   margin: 0 auto;
   background: #fff;
}

.wrapper .main-content {
   display: flex;
   flex-direction: column-reverse;
}

.wrapper .main-content .background-main {
   width: 100%;
   height: 50vh;
   background: url(../img/background-section1.png) no-repeat top right;
   background-size: contain;
   /*  border: 2px solid tomato; */
}

.wrapper .main-content .mata-atlantica {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: flex-start;
   /* border: 2px solid blue; */
   /* width: 45%; */
   background: url(../img/background2-section1.png) no-repeat bottom left/175px;
}

.wrapper .main-content .mata-atlantica .sub-mata-atlantica {
   /* margin-top: 30%; */
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   /* align-items: flex-end; */
   /* position: relative; */

   /* border: 1px solid green; */
}

.wrapper .main-content .mata-atlantica .sub-mata-atlantica .conservacao {
   width: 100%;
   font-family: drafta;
   font-size: 2.5em;
   color: #444f57;
   /* position: absolute; */
   text-align: center;
   /* bottom: 0px; */
   /* margin-bottom: -130px; */
   /* border: 2px solid gold; */
}

.wrapper .main-content .mata-atlantica .sub-mata-atlantica h2 {
   font-family: drafta;
   width: 85%;
   font-size: 3.5em;
   font-weight: bold;
   /* text-align: right; */
   line-height: 1.1em;
   color: #444f57;
   text-align: center;

   margin-right: 30px;
   /* border: 2px solid gold; */
}

.wrapper .main-content .mata-atlantica .sub-mata-atlantica p {
   display: block;
   width: 70%;
   margin: 20px 0 0 0;
   padding: 10px;
   text-align: left;
   font-family: fiducia;
   font-size: 1.1em;
   line-height: 1.2em;
   color: rgb(28, 27, 27);
}



.wrapper .prioridades {
   background: #88c886;
   margin-top: 20px;
   text-align: center;
}

.wrapper .prioridades .prioridades-itens {
   width: 85%;
   /* top: -230px;    */
   flex-wrap: wrap;
   margin: 0 auto;
   padding: 50px 0 50px 0;
   max-width: 900px;
   right: 60px;
}

.prioridades-itens {
   display: flex;
   justify-content: center;
}

.wrapper .prioridades .prioridades-itens div {
   margin: 15px 15px 0 15px;
   background: #fff;
   border-radius: 18px;
   width: 250px;
   height: 295px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   border: 0.5px solid #7aa878;
}

.wrapper .prioridades .prioridades-itens div p {
   width: 100%;
   font-family: drafta;
   font-size: 0.9rem;
   text-align: center;
}

.prioridades-itens div img {
   width: 150px;
   margin: 20px 0 25px 0;
   display: block;
}

.wrapper .prioridades button {
   color: #fff;
   background: transparent;
   border: 1px solid #fff;
   font-size: 1.3rem;
   font-weight: bold;
   width: 300px;
   padding: 10px 25px;
   cursor: pointer;
   margin-bottom: 30px;
}


.container {
   width: 80%;
   margin: 0 auto;
   padding: 20px;
}

.container h1 {
   font-family: "drafta";
   width: 100%;
   font-size: 2.5em;
   font-weight: bold;
   text-align: center;
   line-height: 1.1em;
   color: #444f57;
}

.card {
   border-bottom: 8px solid transparent;
}

/* .card:hover {
    cursor: pointer;
    transform: translateY(-10px);
    border-bottom: 8px solid #88c886;
  } */

.cards {
   margin-top: 40px;
   display: grid;
   gap: 25px;
   grid-template-columns: repeat(1);
   justify-items: center;
}

.card h2 {
   max-width: 200px;
   text-align: center;
   font-size: 1rem;
   margin-top: 10px;
}

.card-img {
   display: flex;
   align-items: center;
   padding: 12px;
   justify-content: center;
   box-shadow: 1px 2px 12px -7px rgba(0, 0, 0, 0.92);
   width: 200px;
   height: 100px;
}

/* Toda vez que vc ver hover é quando a pessoa passa o mouse em cima */
li :hover {
   cursor: pointer;
   margin-top: -0.5px;
   border-bottom: 1px solid #88c886;
}

/* É pra dar um efeito de rolagem da página quando vc clicar nos links do nav */
html {
   scroll-behavior: smooth;
}

/* Seja um Parceiro */

.img-parc {
   width: 100%;
   height: 100%;
   padding: 10px;
}

.parceiro {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   /* gap: 40px; */
   background-color: #88c886;
   color: #fff;
   padding: 40px;
}

.paragrafo-parceiro-item-um {
   font-family: neometric;
}

.paragrafo-parceiro-item-dois {
   font-family: fiducia;
   opacity: 0.75;
   font-size: 20px;
   text-align: justify;
   color: #fff;
   line-height: 1.2;
}

.paragrafo-parceiro {
   display: flex;
   flex-direction: column;
   gap: 30px;
   width: 300px;
}

.button-parceiro {
   width: 200px;
   text-align: center;
   padding: 10px;
   color: #fff;
   font-family: fiducia;
   font-size: 1rem;
   border: 0.5px solid;
   background: #88c886;
   cursor: pointer;
   margin: 0 auto;
}

.button-parceiro>a {
   color: #fff;
   text-decoration: none;
   font-size: 25px;
}

.section-footer {
   display: flex;
   flex-direction: column;
   /* gap: 300px; */
   background-color: #2c6b0b;
   /* justify-content: space-around; */
   align-items: center;
   padding: 20px;
}

.footer-item-um {
   display: flex;
   flex-direction: column;
   gap: 15px;
   color: #fff;
   margin-bottom: 14.5px;
}

.paragrafo-um-footer {
   font-family: kinetika;
   font-size: 2.5rem;
   font-weight: 600;
}

.cop-strong {
   font-family: drafta;
   font-weight: normal;
}

.paragrafo-dois-footer {
   display: flex;
   gap: 5px;
   align-items: center;
}

.ineia-span {
   font-size: 3.2rem;
   font-family: "neometric";
}

.instituto-span {
   font-size: 1rem;
   font-family: "roboto";
   font-weight: 700;
}

.ambiente {
   font-size: 1.4rem;
   font-weight: 700;
   font-family: "roboto";
}

.localizacao {
   display: flex;
   flex-direction: column;
   font-family: kinetika;
   font-weight: 700;
   font-size: 1rem;
}

/* Lado dois */

.footer-item-dois {
   display: flex;
   flex-direction: column;
   padding-top: 20px;
   color: #fff;
   font-family: kinetika;
   gap: 20px;
   width: 300px;
}

.publi-paragrafo {
   display: flex;
   flex-direction: row;
   gap: 10px;
   font-size: 0.8rem;
   font-weight: 700;
   font-size: 0.7rem;
}

.social-media {
   padding: 10px;
}

.list-img, .social-img {
   list-style: none;
   display: flex;
   /* justify-content: center; */
   gap: 10px;
   /* transform: scale(1.1); */

}

.box-sizing {
   width: 40px;
   /* height: 35px; */
   border-radius: 100%;
}

.follow-paragrafo {
   display: flex;
   flex-direction: column;
   padding-top: 10px;
   gap: 30px;
}

.follow-item-1 {
   font-weight: 700;
   font-size: 1rem;
}

.imgs-final {
   text-align: center;
   background-color: #2c6b0b;
   padding: 20px;
}

.logo-completa-img {
   width: 100%;
   height: 100%;
}




.rio-section-one {
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.logo-atlant {
   width: 100%;
}

.atlantica-img > img {
   width: 100%;
   /* height: 600px; */
   /* object-fit: scale-down; */
}

.title {
   /* margin-left: 200px; */
   /* text-align: left;      */
}

.paragrafos-atlantico {
   display: flex;
   flex-direction: column;
   gap: 15px;
   align-items: left;
   justify-content: center;
   font-size: 1rem;
   /* margin: 25px; */
   text-align: justify;
   /* margin-left: 100px; */
}

.paragrafos-atlantico>p {
   font-family: kinetika;
   font-weight: 700;
}

.paragrafo-atlantica-item {
   width: 300px;
   margin: 0 0 0 10px;

}

table{
   font-family: 'kinetika';

}

#table-atlantica {
   width: 300px;
   
}

.hidden-mobile {
   display: none;
}

.show-mobile {
   display: block;
}

h4.title, .title-atlantica {
   text-align: left;
   margin: 10px;
}

div.mobile-text > p {
   padding: 5px 10px;
}

.return-start {
   margin: 30px auto;
   padding: 10px;
   background: #88c886;
   border: none;
   width: 170px;
   border-radius: 30px;
   display: flex;
   /* align-items: center; */
   justify-content: space-around;
   color: #fff;
}


.return-start > a {
   color: #fff;
   font-family: 'kinetika';
   font-size: 1rem;
   font-weight: 700;
}

/* unidades de conservacao */

.unidade-container {
   /* margin-left:500px */
}

.unidade-title {
   /* margin-left:500px */
   text-align: center;
}

.title-about {
   margin: 0 0 10px 85px;
}

.img-rio-tree > p {
   margin-left: 10px;
}

.img-rio-tree > img {
   width: 97%;
   margin: 10px 0 0 10px;
   border-radius: 5px;
}

li.open {
   list-style: circle;
   margin-left: 40px;
   font-family: 'kinetika';
   font-weight: 700;
   padding-right: 10px;
}

.paragrafos-rio-two {
   /* display: flex; */
   flex-direction: column;
   gap: 15px;
   align-items: center;
   justify-content: center;
   font-size: 1rem;
   /* margin: 25px; */
   /* width: 900px; */
   padding: 0 10px;
   text-align: justify;
   /* margin-left: 222px; */
}

.paragrafos-rio-two>p {
   font-family: kinetika;
   font-weight: 700;
   margin: 10px 0;
}

.learn-title {
   /* margin-left:-850px; */
   margin: 20px 0px 20px 10px;
}

.paragrafo-link {
   padding: 10px;
}

.paragrafo-link a {
   font-size: 0.9rem;
   font-family: kinetika;
}

.img-rio-tree-programa {   
   text-align: center;
}

.img-rio-tree-programa > img {
   width: 300px;
   /* height: 450px; */
   border-radius: 5px;
   text-align: center;
}


.tabela-fundo, .tabela-fundo-fundomataatlantica {
   width: 300px; 
   margin: 0 auto;

}

td.table-atlantica-td {
       border: transparent;
       border-collapse: collapse;
       padding: 12px;
   }

   table.tabela-fundo, .tabela-fundo-fundomataatlantica,
   tbody,
   tr,
   th, td {
       border: solid 2px;
       border-collapse: collapse;
       padding: 5px;
   }


.paragrafos-rios-mata-atlantico{
   display: flex;
   flex-direction: column;
   gap: 15px;
   align-items: left;
   justify-content: center;
   font-size: 1rem;
   /* margin: 0 0 0 10px; */
   text-align: justify;
}

.books-container {
   padding: 10px;
   text-align: justify;
}

.paragrafo-atlantica-item-publi {
   margin: 20px 0;
}

.paragrafo-atlantica-item-publi > a {
   font-weight: 700;
}

.parceiro-text {
   padding: 0 10px;
   
}

.paragrafo-atlantica-item-parceiro {
   margin: 10px auto;
}

.material-symbols-outlined {
   color: #fff;
   transform: rotate(180deg);
}




@media screen and (min-width: 425px) {

   header div .logo {
      width: 400px;
   }

   header nav {
      width: 100%;
      padding: 0 10px;
   }

   header nav ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }

   header>nav>ul>li {
      width: 130px;
      margin: 5px 0;
   }

   .logo-completa-img {
      /* width: 100%; */
      height: 70px;
   }

   .paragrafo-atlantica-item {
      width: 400px;
      padding: 0px 10px;
   }

   .learn-title, .suport-title {
      /* margin-left:-850px; */
      margin: 20px 0px 20px 40px;
   }
   
   .title-about {
      margin: 20px 0px 20px 40px;
   }

   .unidade-list {
      width: 400px;
   }

   .tabela-fundo, .tabela-fundo-fundomataatlantica {
      width: 400px; 
   
   }
   
   .social-media {
      padding: 0 20px;
   }

   .title-atlantica {
      margin: 0 20px ;
   }
}

@media screen and (min-width: 800px) {

   .hidden-mobile {
      display: block;
   }
   
   .show-mobile {
      display: none;
   }

   header .cop-15 {
      width: 100%;
      display: flex;
      justify-content: space-between;
   }

   .wrapper .main-content .mata-atlantica .sub-mata-atlantica p {
      text-align: justify;
      margin: 0 auto;
   }


   .cards {
      margin-top: 40px;
      display: grid;
      gap: 25px;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center;
   }

   .section-footer {
      display: flex;
      flex-direction: row;
      /* gap: 300px; */
      background-color: #2c6b0b;
      justify-content: space-around;
      align-items: center;
      padding: 20px;
   }

   .parceiro {
      gap: 40px;
      flex-direction: row;
   }

   .img-parc {
      width: 90%;
      height: 90%;
      padding: 10px;
   }

   .paragrafo-parceiro {
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 400px;
   }

   .logo-completa-img {
      width: 50%;
      height: 50%;
   }

   .publi-paragrafo {
      /* display: flex; */
      flex-direction: column;
      /* gap: 10px;
      font-size: 0.8rem;
      font-weight: 700;
      font-size: 0.7rem; */
   }

   .paragrafo-atlantica-item {
      width: 900px;
   }
   
   
   #table-atlantica {
      width: 750px;
      
   }

   .paragrafo-atlantica-item {
      width: 700px;
   }

   .return-start {
      margin: 50px;
      /* margin-left: 223px; */
      padding: 10px;
      /* background: #88c886; */
      /* border: none; */
      /* width: 250px; */
      /* border-radius: 30px; */
      /* display: flex; */
      /* align-items: center; */
      /* justify-content: space-around; */
      margin-left: 180px;
   }

   .learn-title, .suport-title {
      /* margin-left:-850px; */
      margin: 20px 0px 20px 90px;
   }
   
   .title-about {
      margin: 20px 0px 20px 90px;
   }

   .unidade-list {
      width: 600px;
      margin-left: 100px;
   }

   .tabela-fundo, .tabela-fundo-fundomataatlantica {
      width: 750px; 
   
   }

   .img-livro {
      margin-right: 380px;
   }

   .wrapper .main-content .background-main {
      height: 80vh;
   }

   .img-rio-tree {      
      margin: 0;

   }

   .books-container {
      width: 600px;
      margin: 0 auto;
   }

   .parceiro-text {
      width: 800px;
      
   }

   .paragrafo-atlantica-item-parceiro {
      width: 750px;
      margin: 10px auto;
   }

   .img-rio-tree-programa > img {
      width: 750px;
      border-radius: 5px;

   }

   .img-rio-tree-programa {      
      text-align: center;
   }

}  

@media screen and (min-width: 1100px) {

      /* Imagens Prioridades */

   header .cop-15 {
      width: 85%;
      display: flex;
      justify-content: space-between;

   }

   header nav ul {
      display: flex;
      justify-content: space-between;
      width: 85%;
      margin: 0 auto;
   }


   .wrapper .main-content {
      flex-direction: row;
   }

   .wrapper .main-content .background-main {
      width: 55%;
      height: 135vh;
   }

   .wrapper .main-content .mata-atlantica {
      width: 45%;
   }

   .wrapper .main-content .mata-atlantica .sub-mata-atlantica {
      margin-top: 30%;
      /* position: relative; */
      justify-content: space-between;
   }

   .wrapper .main-content .mata-atlantica .sub-mata-atlantica .conservacao {
      /* position: absolute; */
      bottom: 240px;
      /* margin-bottom: -130px; */
      margin-bottom: 100px;
   }

   .wrapper .main-content .mata-atlantica .sub-mata-atlantica h2 {
      text-align: right;
   }

   .wrapper .main-content .mata-atlantica .sub-mata-atlantica p {
      padding: 0;

   }


   .wrapper .prioridades {
      position: relative;
      height: 750px;

   }

   .wrapper .prioridades .prioridades-itens {
      top: -230px;
      position: relative;
      left: 4px;
      align-items: center;
      padding: 0 50px;
   }

   .prioridades-itens {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
   }

   .prioridades-itens>div:nth-child(n + 4) {
      position: relative;
      left: 150px;
      bottom: 110px;
   }

   .wrapper .prioridades .prioridades-itens div {
      margin: 150px 15px 0 15px;
   }


   .wrapper .prioridades button:hover {
      background: #7aa878;
      transition: 0.6s;
   }

   .wrapper .prioridades button {
      position: absolute;
      bottom: 100px;
      left: 51%;
      transform: translate(-50%, 0);
   }

   .container h1 {
      text-align: left;
   }

   .card:hover {
      cursor: pointer;
      transform: translateY(-10px);
      border-bottom: 8px solid #88c886;
   }

   .cards {
      grid-template-columns: repeat(3, 1fr);
   }


   .button-parceiro:hover {
      background: #7aa878;
   }

   /* Rodapé (Footer) */

   .section-footer {
      flex-direction: row;
      gap: 300px;
      justify-content: space-around;

   }

   /* Final */

   .logo-completa-img {
      /* width: 100%; */
      /* height: 70px; */
   }

   /* Rio Mata Atlantica Page */

   /* .rio-section-one {
      display: flex;
      flex-direction: column;
      gap: 15px;
      width: 100vw;
   }
   } */

   .logo-atlant {
      width: 100%;
   }

   .paragrafos-atlantico {
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: center;
      justify-content: center;

      font-size: 1rem;
      margin: 25px;
   }

   .paragrafos-atlantico>p {
      font-family: kinetika;
      font-weight: 700;
   }

   .paragrafo-atlantica-item {
      width: 85%;
      text-align: justify;
   }

   #table-atlantica {
      width: 900px;
      
   }


/* PÁGINA: UNIDADES DE CONSERVACAO */







   /* Segunda Sessão */

   /* .rio-section-two {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 15px;
      font-size: 1rem;

      margin: 25px;
   }

   .paragrafos-rio-two {
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: center;
      justify-content: center;

      font-size: 1rem;

      margin: 25px;

      width: 900px;
   }

   .paragrafos-rio-two>p {
      font-family: kinetika;
      font-weight: 700;
   }

   .rio-section-two>h1 {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   } */

   /* Terceira Sessão */

   /* .paragrafo-img-titulo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
   }

   .img-rio-tree {
      height: 450px;
      border-radius: 5px;
   }

   .rio-paragrafo-tree {
      width: 900px;
      font-family: kinetika;
      font-weight: 700;
   }

   .rio-tree-h1 {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   }

   .rio-section-four {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 15px;

      margin: 30px 0;
   }

   .paragrafo-rio-four {
      width: 900px;
      font-family: kinetika;
      font-weight: 700;
   }

   .h1-rio-four {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   } */

   /* Botão Voltar */

   .return-start {
      margin: 50px;
      /* margin-left: 223px; */
      padding: 10px;
      background: #88c886;
      /* border: none; */
      width: 200px;
      /* border-radius: 30px; */
      /* display: flex; */
      /* align-items: center; */
      /* justify-content: space-around; */
      margin-left: 180px;
   }

   .return-start>a {
      color: #fff;
      font-family: kinetika;
      font-size: 1rem;
      font-weight: 700;
   }

   .material-symbols-outlined {
      color: #fff;
      transform: rotate(180deg);
   }


   /* .paragrafo-atlantica-item { */
      /* width: 900px; */
      
   /* } */


   li.open {
      list-style: circle;
      margin-left: 60px;
      font-family: 'kinetika';
      font-weight: 700;
   }

   /* Segunda Sessão */

   .rio-section-two {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 15px;
      font-size: 1rem;
      margin: 25px;
   }


   .paragrafos-rio-two {
      /* display: flex; */
      flex-direction: column;
      gap: 15px;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      margin: 25px;
      width: 900px;
      margin-left: 222px;
   }

   .paragrafo-link {
      flex-direction: column;
      gap: 15px;
      align-items: center;
      justify-content: center;
      font-size: 1rem;
      /* margin: 25px; */
      width: 900px;
      margin-left: 210px;
   }

   .paragrafo-link a {
      font-family: kinetika;
   }

   .paragrafos-rio-two>p {
      font-family: kinetika;
      font-weight: 700;
   }

   .rio-section-two>h1 {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   }

   /* Terceira Sessão */

   .paragrafo-img-titulo {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
   }

   .img-rio-tree {

      /* height: 450px; */
      border-radius: 5px;
   }

   .rio-paragrafo-tree {
      width: 900px;
      font-family: kinetika;
      font-weight: 700;
   }

   .rio-tree-h1 {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   }

   .rio-section-four {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 15px;

      margin: 30px 0;
   }

   .paragrafo-rio-four {
      width: 900px;
      font-family: kinetika;
      font-weight: 700;
   }

   .h1-rio-four {
      font-family: kinetika;
      color: rgba(85, 106, 168, 0.664);
      margin-left: -580px;
   }

   /* Botão Voltar */

   /* .return-start {
      margin: 50px;
   
      padding: 10px;
      background: #88c886;
      border: none;
      width: 250px;
      border-radius: 30px;
      display: flex;
      align-items: center;
      justify-content: space-around;
      margin-left: 85px;
   } */

   /* .return-start>a {
      color: #fff;
      font-family: kinetika;
      font-size: 1rem;
      font-weight: 700;
   } */
   

   .material-symbols-outlined {
      color: #fff;
   }





   .paragrafos-rios-mata-atlantico{
      display: flex;
      flex-direction: column;
      gap: 15px;
      align-items: left;
      justify-content: center;
      font-size: 1rem;
      margin: 25px 25px 25px 180px;
   }

   .paragrafos-rios-mata-atlantico>p{
      font-family: kinetika;
      font-weight: 700;
      width: 95%;
      margin: 0 50px 0 0;

      /* unidades de conservacao */
   }
   .unidade-container {
      /* margin-left:500px */
   }

   .unidade-title {
      /* margin-left:500px */
   }

   .img-rio-tree {
      width: 800px;
      /* height: 450px; */
      border-radius: 5px;

   }

   .img-rio-tree-programa > img{
      /* width: 1000px;
      height: 450px; */
      border-radius: 5px;
      margin: 0 auto;
      /* margin-left: 100px; */
   }


   .learn-more {
      margin-left:-850px;
      
   }

   .paragrafo-link {
      /* padding: 10px; */
   }
   
   .paragrafo-link a {
      /* font-size: 0.9rem; */
      font-family: kinetika;
   }

   .unidade-list {
      width: 800px;
      margin-left: 0;
   }

   .title-about, .suport-title{
      margin: 0 85px;
   }

   .tabela-fundo {
      width: 900px!important; 
      max-width: 900px!important;
   }

   td.table-atlantica-td {
       border: transparent;
       border-collapse: collapse;
       padding: 12px;
   }

   table.tabela-fundo, .tabela-fundo-fundomataatlantica,
   tbody,
   tr,
   th, td {
       border: solid 2px;
       border-collapse: collapse;
       padding: 12px;
   }

   .learn-title {
      margin-left: -850px;
   }

   .img-livro {
      margin-right: 600px;
   }

   h4.title {
      margin-left: 90px;
   }

   .books-container {
      width: 900px;
      margin: 0 auto;
   }

   .parceiro-text {
      width: 900px;
      padding: 0;
      
   }
   
   .paragrafo-atlantica-item-parceiro {
      width: 900px;
   }

   .tabela-fundo-fundomataatlantica {
      width: 83%;

   }

   .img-rio-tree-programa > img {
      width: 800px;
      border-radius: 5px;

   }

   .social-media {
      width: 85%;
   }

   .title-atlantica {
      margin: 0 185px ;
   }

}