@media only screen and (max-width: 767px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 13%;
    margin-top:0;
  }
  .bordalinha{
    margin-left: 23%;
    margin-top:-5%;
    width: 50%
  }
  .img1{
    margin-left: -25%;
    margin-top: -25%;
    transform:scale(0.5)
  }
  .img2{
    transform:scale(0.5);
    margin-left: -32%;
    margin-top:-50%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(5%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 0.6em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-138%);
    color: black;

  }
  .mapai{
    margin-left: -8%;
    transform:scale(0.35);
    margin-bottom: -95%;
    margin-top: -77%

  }
  .dicontato{
    transform:scale(1);
    margin-top: -5%
  }
  .icontato{
    transform:scale(0.4);
    margin-left: 14%;
    margin-top: -30%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:141%
  }
  #tewpp{
    margin-left:53%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 65%
  }
  #conf{
    margin-left: 136%
  }
  .jrlo{
    width:9%;
    margin-left: 65%;
    transform: translateY(-127%)
  }
  .logos{
    transform: translateY(-20%);
    margin-right: 14%
  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }


.footer-link{
  display: block;
}
footer li{
  display: inline;
  position: relative;
  margin-left: 0;
}

}
@media only screen and (max-width: 391px){
  .mapai{
    margin-left: -11%;
    transform:scale(0.35);
    margin-bottom: -95%;
    margin-top: -78%

  }
  .icontato{
    transform:scale(0.4);
    margin-left: 14%;
    margin-top: -31%

  }
  #tecel{
    margin-left:-60%
  }
  #teconf{
    margin-left:141%
  }
  #tewpp{
    margin-left:46%
  }
  #tele{
    margin-left: -33%

  }
  #wpp{
    margin-left: 57%
  }
  #conf{
    margin-left: 136%
  }
}
@media only screen and (max-width: 376px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 13%;
    margin-top:0;
  }
  .bordalinha{
    margin-left: 23%;
    margin-top:-5%;
    width: 50%
  }
  .img1{
    margin-left: -35%;
    margin-top: -25%;
    transform:scale(0.5)
  }
  .img2{
    transform:scale(0.5);
    margin-left: -43%;
    margin-top:-50%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(5%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 0.6em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-120%);
    color: black;

  }
  .mapai{
    margin-left: -20%;
    transform:scale(0.3);
    margin-bottom: -95%;
    margin-top: -85%

  }
  .dicontato{
    transform:scale(1);
    margin-top: -5%
  }
  .icontato{
    transform:scale(0.35);
    margin-left: 9%;
    margin-top: -33%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:173%
  }
  #tewpp{
    margin-left:70%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 80%
  }
  #conf{
    margin-left: 170%
  }
  .logos{
    transform: translateY(-20%);
    margin-right: 6%;

  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  .jrlo{
    width:9%;
    margin-left: 69%;
    transform: translateY(-144%)
  }
  footer ul {
    display: block;
    padding: 11px;
  }
  .logs{
    display: inline;
  }
  .footer-link{
    display: block;
  }
}

@media only screen and (max-width: 360px){
  .logos{
    transform: translateY(-20%);
    margin-right: 14%
  }
}
@media only screen and (max-width: 320px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 13%;
    margin-top:0;
  }
  .bordalinha{
    margin-left: 23%;
    margin-top:-5%;
    width: 50%
  }
  .img1{
    margin-left: -50%;
    margin-top: -25%;
    transform:scale(0.5)
  }
  .img2{
    transform:scale(0.5);
    margin-left: -60%;
    margin-top:-50%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(5%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 0.5em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-120%);
    color: black;

  }
  .mapai{
    margin-left: -35%;
    transform:scale(0.25);
    margin-bottom: -95%;
    margin-top: -95%

  }
  .dicontato{
    transform:scale(1);
    margin-top: -5%
  }
  .icontato{
    transform:scale(0.3);
    margin-left: 5%;
    margin-top: -36%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:220%
  }
  #tewpp{
    margin-left:85%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 100%
  }
  #conf{
    margin-left: 220%
  }
  .logos{
    transform: translateY(-20%);
    margin-right: 14%;
    margin-top: 2%;

  }
  .jrlo{
    width:9%;
    margin-left: 72%;
    transform: translateY(-162%)
  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
}

@media (min-width:768px) and (max-width: 992px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 13%;
    margin-top:2%;
  }
  .bordalinha{
    margin-left: 22%;
    margin-top:-1%;
    width: 58%
  }
  .img1{
    margin-left: -19%;
    margin-top: 0%;
    transform:scale(0.6)
  }
  .img2{
    transform:scale(0.6);
    margin-left: -35%;
    margin-top:-3%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(30%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 1.1em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-138%);
    color: black;

  }
  .mapai{
    margin-left: 26%;
    transform:scale(0.6);
    margin-bottom: -95%;
    margin-top: -55%

  }
  .dicontato{
    transform:scale(1);
    margin-top: -5%
  }
  .icontato{
    transform:scale(0.7);
    margin-left: 24%;
    margin-top: -22%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:63%
  }
  #tewpp{
    margin-left:-5%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 5%
  }
  #conf{
    margin-left: 60%
  }
  .logos{
    margin-bottom: 3%
  }
  .jrlo{
    width: 5%;
    margin-left: 30%
  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

}
@media (min-width:993px) and (max-width: 1024px){
  /*
  .TituloServico{
    transform: scale(0.8);
    margin-left: 13%;
    margin-top:2%;
  }
  .bordalinha{
    margin-left: 22%;
    margin-top:-1%;
    width: 58%
  }*/
  .img1{
    margin-left: -8%;
    margin-top: 0%;
    transform:scale(0.8)
  }

  .img2{
    transform:scale(0.8);
    margin-left: -11%;
    margin-top:-3.5%
  }
  .contato {
    width: 100%;
    margin-left: 0;
    margin-top: 8%;
  }

  .imamapa{
    width: 100%;
    margin-left:-5%;
    transform:translateY(-45%);

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(30%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 1.1em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-345%);
    color: black;

  }
  .mapai{
    margin-left: 37%;
    transform:scale(0.8);
    margin-bottom: -95%;
    margin-top: -64%

  }
  .dicontato{
    transform:scale(1);
    margin-top: -5%
  }
  .icontato{
    transform:translateY(-152%);
    margin-left: 23%;
  }

/*

  #tecel{
    margin-left:-52%
  }*/
  #teconf{
    margin-left:-5%;
    transform: scale(0.9);
  }
  /*
  #tewpp{
    margin-left:-5%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 5%
  }
  #conf{
    margin-left: 60%
  }*/
  .jrlo {
    width: 4%;
    margin-left: 22%;
  }
  footer ul{
    padding:20px;
  }
  footer .logos{
    margin-right: 5%;
  }

}
@media (min-width:1025px) and (max-width: 1100px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 20%;
    margin-top:2%;
  }
  .bordalinha{
    margin-left: 28%;
    margin-top:-1%;
    width: 43%
  }
  .img1{
    margin-left: -9%;
    margin-top: 0%;
    transform:scale(0.8)
  }
  .img2{
    transform:scale(0.8);
    margin-left: -12%;
    margin-top:-3%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(30%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 1.6em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-138%);
    color: black;

  }
  .mapai{
    margin-left: 38%;
    transform:scale(0.8);
    margin-bottom: -95%;
    margin-top: -45%

  }
  .dicontato{
    transform:scale(1);
    margin-top: 5%
  }
  .icontato{
    transform:scale(0.7);
    margin-left: 20%;
    margin-top: -18%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:97%
  }
  #tewpp{
    margin-left: 15%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 30%
  }
  #conf{
    margin-left: 95%
  }
  .jrlo{
    width:4%;
    margin-left: 26%;
    transform: translateY(-127%)
  }
  .logos{
    transform: translateY(-20%);
    margin-right: 0%
  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

}
@media (min-width:1120px) and (max-width: 1199px){
  .TituloServico{
    transform: scale(0.8);
    margin-left: 20%;
    margin-top:2%;
  }
  .bordalinha{
    margin-left: 28%;
    margin-top:-1%;
    width: 43%
  }
  .img1{
    margin-left: -9%;
    margin-top: 0%;
    transform:scale(0.8)
  }
  .img2{
    transform:scale(0.8);
    margin-left: -12%;
    margin-top:-3%
  }

  .imamapa{
    width: 100%;
    margin-left:-5%

  }
  .divmapa{
    margin-left:7%;
    transform: translateY(30%);
    margin-bottom:10%
  }
  .divmapa p{
    font-size: 1.6em;
    font-weight: bolder;
    width: 44%;
    margin-left: 0%;
    transform: translateY(-138%);
    color: black;

  }
  .mapai{
    margin-left: 38%;
    transform:scale(0.8);
    margin-bottom: -95%;
    margin-top: -45%

  }
  .dicontato{
    transform:scale(1);
    margin-top: 5%
  }
  .icontato{
    transform:scale(0.7);
    margin-left: 20%;
    margin-top: -18%

  }



  #tecel{
    margin-left:-52%
  }
  #teconf{
    margin-left:97%
  }
  #tewpp{
    margin-left: 15%
  }
  #tele{
    margin-left: -30%

  }
  #wpp{
    margin-left: 30%
  }
  #conf{
    margin-left: 95%
  }
  .jrlo{
    width:4%;
    margin-left: 27%;
    transform: translateY(-125%)
  }
  .logos{
    transform: translateY(-20%);
    margin-right: 0%
  }

  #main{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
}
  @media (min-width:1200px) and (max-width: 1300px){
    .TituloServico{
      transform: scale(0.8);
      margin-left: 20%;
      margin-top:2%;
    }
    .bordalinha{
      margin-left: 28%;
      margin-top:-1%;
      width: 37%
    }
    .img1{
      margin-left: 0%;
      margin-top: 0%;
      transform:scale(0.8)
    }
    .img2{
      transform:scale(0.8);
      margin-left: -10%;
      margin-top:-3%
    }

    .imamapa{
      width: 100%;
      margin-left:-5%

    }
    .divmapa{
      margin-left:7%;
      transform: translateY(30%);
      margin-bottom:10%
    }
    .divmapa p{
      font-size: 1.6em;
      font-weight: bolder;
      width: 44%;
      margin-left: 0%;
      transform: translateY(-138%);
      color: black;

    }
    .mapai{
      margin-left: 43%;
      transform:scale(1);
      margin-bottom: -95%;
      margin-top: -44%

    }
    .dicontato{
      transform:scale(1);
      margin-top: 5%
    }
    .icontato{
      transform:scale(0.8);
      margin-left: 20%;
      margin-top: -18%

    }



    #tecel{
      margin-left:-35%
    }
    #teconf{
      margin-left:77%
    }
    #tewpp{
      margin-left: 15%
    }
    #tele{
      margin-left: -10%

    }
    #wpp{
      margin-left: 30%
    }
    #conf{
      margin-left: 75%
    }
    /*.jrlo{
      width:8%;
      margin-left: 40%;
      transform: translateY(-96%)
    }*/
    .logos{
      transform: translateY(-20%);
      margin-right: 0%
    }

    #main{
      margin: 0;
      padding: 0;
      overflow-x: hidden;
    }
  }
    @media (min-width:1301px) and (max-width: 1399px){
      .TituloServico{
        transform: scale(0.8);
        margin-left: 20%;
        margin-top:2%;
      }
      .bordalinha{
        margin-left: 28%;
        margin-top:-1%;
        width: 37%
      }
      .img1{
        margin-left: 0%;
        margin-top: 0%;
        transform:scale(0.8)
      }
      .img2{
        transform:scale(0.8);
        margin-left: -10%;
        margin-top:-3%
      }

      .imamapa{
        width: 100%;
        margin-left:-5%

      }
      .divmapa{
        margin-left:7%;
        transform: translateY(30%);
        margin-bottom:10%
      }
      .divmapa p{
        font-size: 1.6em;
        font-weight: bolder;
        width: 44%;
        margin-left: 0%;
        transform: translateY(-138%);
        color: black;

      }
      .mapai{
        margin-left: 43%;
        transform:scale(1);
        margin-bottom: -95%;
        margin-top: -44%

      }
      .dicontato{
        transform:scale(1);
        margin-top: 5%
      }
      .icontato{
        transform:scale(0.8);
        margin-left: 20%;
        margin-top: -18%

      }



      #tecel{
        margin-left:-35%
      }
      #teconf{
        margin-left:77%
      }
      #tewpp{
        margin-left: 15%
      }
      #tele{
        margin-left: -10%

      }
      #wpp{
        margin-left: 30%
      }
      #conf{
        margin-left: 75%
      }
    /*  .jrlo{
        width:8%;
        margin-left: 40%;
        transform: translateY(-96%)
      }*/
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }

      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
    }
    @media (min-width:1400px) and (max-width: 1500px){
      .TituloServico{
        transform: scale(0.8);
        margin-left: 26%;
        margin-top:2%;
      }
      .bordalinha{
        margin-left: 31%;
        margin-top:-1%;
        width: 36%
      }
      .img1{
        margin-left: 9%;
        margin-top: 0%;
        transform:scale(0.8)
      }
      .img2{
        transform:scale(0.8);
        margin-left: -9%;
        margin-top:-3%
      }

      .imamapa{
        width: 100%;
        margin-left:-5%

      }
      .divmapa{
        margin-left:7%;
        transform: translateY(30%);
        margin-bottom:10%
      }
      .divmapa p{
        font-size: 2.3em;
        font-weight: bolder;
        width: 44%;
        margin-left: 0%;
        transform: translateY(-138%);
        color: black;

      }
      .mapai{
        margin-left: 46%;
        transform:scale(1.11);
        margin-bottom: -95%;
        margin-top: -40%

      }
      .dicontato{
        transform:scale(1);
        margin-top: 5%
      }
      .icontato{
        transform:scale(0.8);
        margin-left: 20%;
        margin-top: -18%

      }



      #tecel{
        margin-left:-35%
      }
      #teconf{
        margin-left:58%
      }
      #tewpp{
        margin-left: 15%
      }
      #tele{
        margin-left: -15%

      }
      #wpp{
        margin-left: 30%
      }
      #conf{
        margin-left: 55%
      }
      /*.jrlo{
        width:8%;
        margin-left: 40%;
        transform: translateY(-96%)
      }*/
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }

      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
    }
    @media (min-width:1501px) and (max-width: 1600px){
      .TituloServico{
        transform: scale(0.8);
        margin-left: 26%;
        margin-top:2%;
      }
      .bordalinha{
        margin-left: 30%;
        margin-top:-1%;
        width: 36%
      }
      .img1{
        margin-left: 9%;
        margin-top: 0%;
        transform:scale(0.8)
      }
      .img2{
        transform:scale(0.8);
        margin-left: -9%;
        margin-top:-3%
      }

      .imamapa{
        width: 100%;
        margin-left:-5%

      }
      .divmapa{
        margin-left:7%;
        transform: translateY(30%);
        margin-bottom:10%
      }
      .divmapa p{
        font-size: 2.3em;
        font-weight: bolder;
        width: 44%;
        margin-left: 0%;
        transform: translateY(-138%);
        color: black;

      }
      .mapai{
        margin-left: 46%;
        transform:scale(1.11);
        margin-bottom: -95%;
        margin-top: -40%

      }
      .dicontato{
        transform:scale(1);
        margin-top: 5%
      }
      .icontato{
        transform:scale(0.9);
        margin-left: 20%;
        margin-top: -18%

      }



      #tecel{
        margin-left:-15%
      }
      #teconf{
        margin-left:58%
      }
      #tewpp{
        margin-left: 15%
      }
      #tele{
        margin-left: 10%

      }
      #wpp{
        margin-left: 30%
      }
      #conf{
        margin-left: 55%
      }

      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }

      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
    }
    @media (min-width:1601px) and (max-width: 1700px){
      .TituloServico{
        transform: scale(0.8);
        margin-left: 26%;
        margin-top:2%;
      }
      .bordalinha{
        margin-left: 30%;
        margin-top:-1%;
        width: 36%
      }
      .img1{
        margin-left: 9%;
        margin-top: 0%;
        transform:scale(0.8)
      }
      .img2{
        transform:scale(0.8);
        margin-left: -9%;
        margin-top:-3%
      }

      .imamapa{
        width: 100%;
        margin-left:-5%

      }
      .divmapa{
        margin-left:7%;
        transform: translateY(30%);
        margin-bottom:10%
      }
      .divmapa p{
        font-size: 2.3em;
        font-weight: bolder;
        width: 44%;
        margin-left: 0%;
        transform: translateY(-138%);
        color: black;

      }
      .mapai{
        margin-left: 46%;
        transform:scale(1.11);
        margin-bottom: -95%;
        margin-top: -40%

      }
      .dicontato{
        transform:scale(1);
        margin-top: 5%
      }
      .icontato{
        transform:scale(0.9);
        margin-left: 20%;
        margin-top: -18%

      }



      #tecel{
        margin-left:-15%
      }
      #teconf{
        margin-left:58%
      }
      #tewpp{
        margin-left: 15%
      }
      #tele{
        margin-left: 10%

      }
      #wpp{
        margin-left: 30%
      }
      #conf{
        margin-left: 55%
      }
      .jrlo{
        width:8%;
        margin-left: 40%;
        transform: translateY(-96%)
      }
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }

      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
    }
    @media (min-width:1701px) and (max-width: 1800px){
      .TituloServico{
        transform: scale(0.8);
        margin-left: 26%;
        margin-top:2%;
      }
      .bordalinha{
        margin-left: 28%;
        margin-top:-1%;
        width: 36%
      }
      .img1{
        margin-left: 9%;
        margin-top: 0%;
        transform:scale(0.8)
      }
      .img2{
        transform:scale(0.8);
        margin-left: -9%;
        margin-top:-3%
      }

      .imamapa{
        width: 100%;
        margin-left:-5%

      }
      .divmapa{
        margin-left:7%;
        transform: translateY(30%);
        margin-bottom:10%
      }
      .divmapa p{
        font-size: 2.3em;
        font-weight: bolder;
        width: 44%;
        margin-left: 0%;
        transform: translateY(-138%);
        color: black;

      }
      .mapai{
        margin-left: 46%;
        transform:scale(1.11);
        margin-bottom: -95%;
        margin-top: -40%

      }
      .dicontato{
        transform:scale(1);
        margin-top: 5%
      }
      .icontato{
        transform:scale(0.9);
        margin-left: 20%;
        margin-top: -18%

      }



      #tecel{
        margin-left:-15%
      }
      #teconf{
        margin-left:58%
      }
      #tewpp{
        margin-left: 15%
      }
      #tele{
        margin-left: 10%

      }
      #wpp{
        margin-left: 30%
      }
      #conf{
        margin-left: 55%
      }
      .jrlo{
        width:8%;
        margin-left: 40%;
        transform: translateY(-96%)
      }
      .logos{
        transform: translateY(-20%);
        margin-right: 0%
      }

      #main{
        margin: 0;
        padding: 0;
        overflow-x: hidden;
      }
    }