.banner h2{
  font-weight: 40;
  font-size: 3rem;
}

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


    .tecnologia-servico{
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .tecnologia-detalhe{
        width:48%; 
    }

    .rodape{
        width: 90%;
    }

   

}

@media screen and (max-width: 990px) {
  .logo img{
    width: 70%;
  }
  #btn-menu{
    display: inline-block;
    font-size: 3rem;
    color: #1d6a27;
  }
  #btn-menu:active{
    color: #ffd608;
  }
  .navbar{
    display: none;
    position: absolute;
    top: 100%;
    background-color: #efefef ;
    right: -100%;
    width: 15rem;
    height: calc(100vh - 9.5rem);
  }

  header nav{
    display: block;
    font-size: 1.8rem;
  }

  .navbar.active{
    right: 0;
    display: block;
  }
  .banner{
    background: url(../img/Capa-perfil.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .cursos{
    width:100%
  }
  .cursos div{
    width:50%;
    font-size: 1.3rem;
  }

  .cursos figure{
    width: 40%;
  }
  
  .servico{
    width: 80%;
  }

  .servico-detalhe{
    width: 100%;
  }

  .servico-detalhe h3{
    text-align: left;
    color: #1d6a27;
  }

  .servico-detalhe p{
    font-size: 1rem;
    text-align: justify;
    display: none;
  }

  .tecnologia-servico{
    width: 100%;
  }

  .tecnologia-servico figure{
    width: 30%;
  }
  
  .tecnologia-detalhe{
    width: 60%;
  }

  .tecnologia-detalhe h3{
    text-align: left;
    color: #1d6a27;
  }

  .tecnologia-detalhe p{
    font-size: 1rem;
    text-align: justify;
    display: none;
  }

  .rodape nav, div h2{
    font-size: 1rem;
  }

  .localizacao{
    display: none;
  }
  
}

@media screen and (max-width: 700px) {
  
  .cursos div{
    font-size: 1rem;
  }

  .cursos h2{
    display: none;
  }

  .cursos figure{
    width: 30%;
  }

    .cursos figure img{
      width: 90%
    }

    .servico{
      width: 100%;
    }

    .servico-detalhe h3{
      text-align: left;
      color: #1d6a27;
      font-size: 1.3rem;
    }
    .tecnologia-detalhe div h3{
      font-size: 1.2rem;
    }

  .rodape ul li a{ font-size: 0.7rem; }
  .rodape nav li a{ font-size: 0.7rem;}  
  .rodape nav li i{ font-size: 0.7rem;}

}