/*inicio da codigo da footer*/

footer {
    background-color: #14150d;
    color: white;
    margin-top: 10vh;
  }
  
  .row-footer {
    display: flex;
    flex-direction: row;
    margin: 0 10% 0 11%;
  }
  
  .col-footer {
    width: 50%;
    padding: 40px 10px 40px 11px;
  }
  
  .col-footer>h1{
    font-size: 2.5vh;
    color: #fff;
  }
  
  .col-footer>h2{
    font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
  }
  
  .col-footer>ul>li>a {
    color: white;
    text-decoration: none;
  }
  
  .col-footer>ul>li {
    list-style-type: none;
  }
  
  .col-footer>ul>li>a:hover {
    color: rgb(30, 139, 3);
  }
  
  .col-footer>ul {
    margin: 0 auto;
  }
  
  .col-footer>a {
    color: #4d5034;
    text-decoration: none;
  }
  
  .copyright{
    font-size: 3vh;
    color:#4d5034;
    text-decoration: none;
  }
  
  /*codigo dos produtos conhecidos*/
  .articles2 {
      position: relative;
      
    }
  
    .articles2 h1{
      text-align: center;
      font-size: 40px;
      font-weight: bolder;
      margin-top: 5%;
    }
  
    .articles2 .container2 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      gap: 40px;
      margin-top: 1%;
      margin-left: 10%;
      margin-right: 10%;
    }
  
    .articles2 .box2 {
      z-index: 1;
      margin-top: 50px;
      box-shadow: 0 2px 15px rgb(0 0 0 / 10%);
      background-color: white;
      border-radius: 6px;
      overflow: hidden;
      transition: transform var(--main-transition), box-shadow var(--main-transition);
    }
  
    .articles2 .box2 img {
      width: 100%;
      max-width: 100%;
    }
    .articles2 .box2 .content2 {
      padding: 20px;
    }
  
    .box2 a{
      text-decoration: none;
      color: #000000 ;
    }
  
    .box2>a:hover{
      text-decoration: none;
      color: #0098ea ;
      transition: .5s;
    }
    
  
    .articles2 .box2 .content2 h3 {
      margin: 0 auto;
  
    }
    .articles2 .box2 .content2 p {
      margin: 10px 0 0;
      line-height: 1.5;
      color: #777;
    }
  
    .articles2 .box2 .content2 p>b {
      margin: 10px 0 0;
      line-height: 1.5;
      color: #000000;
    }
  
  
    .articles2 .box2 .info {
      padding: 20px;
      border-top: 1px solid #e6e6e7;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .articles2 .box2 .info a {
      color: var(--main-color);
      font-weight: bold;
    }
    .articles2 .box2 .info i {
      color: var(--main-color);
    }
    .articles2 .box2:hover .info i {
      animation: moving-arrow 0.6s linear infinite;
    }
  
  
  
  @media screen and (max-width: 965px){
    
  
  footer {
    background-color: #14150d;
    color: white;
    margin-top: 10vh;
  }
  
  .row-footer {
    display: flex;
    flex-direction: row;
    margin: 0 10% 0 11%;
  }
  
  .col-footer {
    width: 50%;
    padding: 40px 11px 40px 11px;
  }
  
  .col-footer>h1{
    font-size: 15px;
    color: #fff;
  }
  
  .col-footer>h2{
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
  }
  
  
  .copyright{
    font-size: 17px;
    color:#4d5034;
    text-decoration: none;
  }
  
  
  }

  
/*


footer {
  background-color: #14150d;
  color: white;
  margin-top: 10vh;
}

.row-footer {
  display: flex;
  flex-direction: row;
  margin: 0 10% 0 11%;
}

.col-footer {
  width: 50%;
  padding: 40px 10px 40px 11px;
}

.col-footer>h1{
  font-size: 2.5vh;
  color: #fff;
}

.col-footer>h2{
  font-size: 25px;
  color: #fff;
  margin-bottom: 10px;
}

.col-footer>ul>li>a {
  color: white;
  text-decoration: none;
}

.col-footer>ul>li {
  list-style-type: none;
}

.col-footer>ul>li>a:hover {
  color: rgb(30, 139, 3);
}

.col-footer>ul {
  margin: 0 auto;
}

.col-footer>a {
  color: #4d5034;
  text-decoration: none;
}

.copyright{
  font-size: 3vh;
  color:#4d5034;
  text-decoration: none;
}



@media (max-width: 465px){
  

footer {
  background-color: #14150d;
  color: white;
  margin-top: 10vh;
}

.row-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
}

.col-footer {
  width: 100%;
  padding: 40px 11px 40px 11px;
}

.col-footer>h1{
  font-size: 15px;
  color: #fff;
}

.col-footer>h2{
  font-size: 20px;
  color: #fff;
  line-height: 12px;
  margin: 30px 0 10px 0;
}

.links-footer{
  font-size: 15px;
  line-height: 2em;
  color: #fff;
  
}


.copyright{
  font-size: 17px;
  color:#4d5034;
  text-decoration: none;
}


}
*/